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

package/dist/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js

@@ -1,54 +0,0 @@
-import * as React from "react";
-import React2, { useMemo } from "react";
-import { DSRadio } from "@elliemae/ds-form";
-import styled from "styled-components";
-import { DATA_TESTID } from "../../../configs/constants";
-const CenteredContent = styled.div`
-  display: flex;
-  height: 100%;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-`;
-const StyledDSRadio = styled(DSRadio)`
-  padding-bottom: 0;
-  cursor: pointer;
-`;
-const singleSelectColumn = {
-  id: "singleSelecter",
-  Header: () => /* @__PURE__ */ React2.createElement("div", null),
-  Cell: ({ cell, row, isRowSelected, ctx }) => {
-    const {
-      tableProps: { onSelectionChange, selection, disabledRows }
-    } = ctx;
-    const { uid } = row;
-    const selectedState = selection?.[uid];
-    const PureCheckBox = useMemo(() => /* @__PURE__ */ React2.createElement(CenteredContent, null, /* @__PURE__ */ React2.createElement(StyledDSRadio, {
-      containerProps: {
-        "aria-checked": selectedState,
-        "aria-disabled": false,
-        title: "Toggle Row Selected"
-      },
-      checked: selectedState,
-      onChange: () => {
-        onSelectionChange(!selectedState ? { [uid]: !selectedState } : {});
-      },
-      "data-testid": DATA_TESTID.DATA_TABLE_RADIO,
-      disabled: disabledRows[row.uid],
-      innerRef: cell.ref,
-      value: "",
-      tabIndex: isRowSelected ? 0 : -1
-    })), [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, onSelectionChange, uid]);
-    return PureCheckBox;
-  },
-  textWrap: "wrap",
-  width: 32,
-  padding: 4,
-  canResize: false,
-  isFocuseable: false,
-  disableDnD: true
-};
-export {
-  singleSelectColumn
-};
-//# sourceMappingURL=ColumnSelectSingle.js.map

package/dist/esm/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Columns/ColumnSelectSingle/ColumnSelectSingle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { DSRadio } from '@elliemae/ds-form';\nimport styled from 'styled-components';\nimport { TypescriptColumn } from '../../../types/props';\nimport { DATA_TESTID } from '../../../configs/constants';\n\nconst CenteredContent = styled.div`\n  display: flex;\n  height: 100%;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\nconst StyledDSRadio = styled(DSRadio)`\n  padding-bottom: 0;\n  cursor: pointer;\n`;\n\nexport const singleSelectColumn: TypescriptColumn = {\n  // Build our singleSelecter column\n  id: 'singleSelecter', // Make sure it has an ID\n  // The header doesn't need anything for single selection\n  Header: () => <div />,\n  Cell: ({ cell, row, isRowSelected, ctx }) => {\n    const {\n      tableProps: { onSelectionChange, selection, disabledRows },\n    } = ctx;\n    const { uid } = row;\n    const selectedState = selection?.[uid];\n\n    const PureCheckBox = useMemo(\n      () => (\n        <CenteredContent>\n          <StyledDSRadio\n            // eslint-disable-next-line react/prop-types\n            containerProps={{\n              'aria-checked': selectedState,\n              'aria-disabled': false,\n              title: 'Toggle Row Selected',\n            }}\n            checked={selectedState}\n            onChange={() => {\n              // in single select we only allow one item to be selected\n              onSelectionChange(!selectedState ? { [uid]: !selectedState } : {});\n            }}\n            data-testid={DATA_TESTID.DATA_TABLE_RADIO}\n            disabled={disabledRows[row.uid]}\n            innerRef={cell.ref}\n            value=\"\"\n            tabIndex={isRowSelected ? 0 : -1}\n          />\n        </CenteredContent>\n      ),\n      [selectedState, disabledRows, row.uid, cell.ref, isRowSelected, onSelectionChange, uid],\n    );\n    return PureCheckBox;\n  },\n  textWrap: 'wrap',\n  width: 32,\n  padding: 4,\n  canResize: false,\n  isFocuseable: false,\n  disableDnD: true,\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAEA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,qBAAuC;AAAA,EAElD,IAAI;AAAA,EAEJ,QAAQ,MAAM,qCAAC,OAAD;AAAA,EACd,MAAM,CAAC,EAAE,MAAM,KAAK,eAAe,UAAU;AAC3C,UAAM;AAAA,MACJ,YAAY,EAAE,mBAAmB,WAAW;AAAA,QAC1C;AACJ,UAAM,EAAE,QAAQ;AAChB,UAAM,gBAAgB,YAAY;AAElC,UAAM,eAAe,QACnB,MACE,qCAAC,iBAAD,MACE,qCAAC,eAAD;AAAA,MAEE,gBAAgB;AAAA,QACd,gBAAgB;AAAA,QAChB,iBAAiB;AAAA,QACjB,OAAO;AAAA;AAAA,MAET,SAAS;AAAA,MACT,UAAU,MAAM;AAEd,0BAAkB,CAAC,gBAAgB,GAAG,MAAM,CAAC,kBAAkB;AAAA;AAAA,MAEjE,eAAa,YAAY;AAAA,MACzB,UAAU,aAAa,IAAI;AAAA,MAC3B,UAAU,KAAK;AAAA,MACf,OAAM;AAAA,MACN,UAAU,gBAAgB,IAAI;AAAA,SAIpC,CAAC,eAAe,cAAc,IAAI,KAAK,KAAK,KAAK,eAAe,mBAAmB;AAErF,WAAO;AAAA;AAAA,EAET,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA;",
-  "names": []
-}

package/dist/esm/addons/Columns/index.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { actionColumn } from "./ColumnAction/ColumnAction";
-import { expandRowColumn } from "./ColumnExpand/ColumnExpand";
-import { multiSelectColumn } from "./ColumnSelectMultiple/ColumnSelectMultiple";
-import { singleSelectColumn } from "./ColumnSelectSingle/ColumnSelectSingle";
-import { dragHandleColumn } from "./ColumnDragHandle/ColumnDragHandle";
-const INTERNAL_COLUMNS = [
-  "rowActions",
-  "expander",
-  "multiSelecter",
-  "singleSelecter",
-  "dragHandleColumn"
-];
-export {
-  INTERNAL_COLUMNS,
-  actionColumn,
-  dragHandleColumn,
-  expandRowColumn,
-  multiSelectColumn,
-  singleSelectColumn
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/addons/Columns/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/addons/Columns/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { actionColumn } from './ColumnAction/ColumnAction';\nexport { expandRowColumn } from './ColumnExpand/ColumnExpand';\nexport { multiSelectColumn } from './ColumnSelectMultiple/ColumnSelectMultiple';\nexport { singleSelectColumn } from './ColumnSelectSingle/ColumnSelectSingle';\nexport { dragHandleColumn } from './ColumnDragHandle/ColumnDragHandle';\n\nexport const INTERNAL_COLUMNS = [\n  'rowActions',\n  'expander',\n  'multiSelecter',\n  'singleSelecter',\n  'dragHandleColumn',\n];\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEO,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;",
-  "names": []
-}

package/dist/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useState, useCallback, useMemo } from "react";
-import { ComboBoxFreeSolo } from "@elliemae/ds-form";
-import { EditableCell } from "../../../exported-related";
-import { DataTableContext } from "../../../DataTableContext";
-import { editableCellPropType } from "../../../prop-types";
-const ComboboxEditableCell = (props) => {
-  const { cell, DefaultCellRender, isRowSelected } = props;
-  const {
-    tableProps: { onCellValueChange },
-    flattenedData
-  } = useContext(DataTableContext);
-  const cellValue = useMemo(() => cell.value, [cell.value]);
-  const columnId = useMemo(() => cell.column.id, [cell.column.id]);
-  const [value, setValue] = useState({ value: cellValue, label: cellValue });
-  const uniqueOptions = useMemo(() => {
-    const uniqueValuesMap = {};
-    return flattenedData.reduce((optionsSoFar, currRow) => {
-      const currValue = currRow.original[columnId];
-      if (!uniqueValuesMap[currValue]) {
-        optionsSoFar.push({ value: currValue, label: currValue });
-        uniqueValuesMap[currValue] = true;
-      }
-      return optionsSoFar;
-    }, []);
-  }, [flattenedData, columnId]);
-  const handleOnBlur = useCallback(() => {
-    const property = columnId;
-    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });
-  }, [columnId, onCellValueChange, value?.value, cell.row.index]);
-  return /* @__PURE__ */ React2.createElement(EditableCell, {
-    StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ React2.createElement(ComboBoxFreeSolo, {
-      value,
-      autoFocus: true,
-      onBlur: handleOnBlur,
-      onChange: setValue,
-      options: uniqueOptions
-    }),
-    cell,
-    isRowSelected
-  });
-};
-ComboboxEditableCell.propTypes = editableCellPropType;
-export {
-  ComboboxEditableCell
-};
-//# sourceMappingURL=ComboboxEditableCell.js.map

package/dist/esm/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Editables/ComboboxEditableCell/ComboboxEditableCell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useCallback, useMemo } from 'react';\nimport { ComboBoxFreeSolo } from '@elliemae/ds-form';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\nimport { editableCellPropType } from '../../../prop-types';\n\nexport const ComboboxEditableCell: React.ComponentType<any> = (props) => {\n  const { cell, DefaultCellRender, isRowSelected } = props;\n\n  const {\n    tableProps: { onCellValueChange },\n    flattenedData,\n  } = useContext(DataTableContext);\n  const cellValue = useMemo(() => cell.value, [cell.value]);\n  const columnId = useMemo(() => cell.column.id, [cell.column.id]);\n\n  const [value, setValue] = useState({ value: cellValue, label: cellValue });\n\n  const uniqueOptions = useMemo(() => {\n    const uniqueValuesMap = {};\n    return flattenedData.reduce((optionsSoFar, currRow) => {\n      const currValue = currRow.original[columnId];\n      if (!uniqueValuesMap[currValue]) {\n        optionsSoFar.push({ value: currValue, label: currValue });\n        uniqueValuesMap[currValue] = true;\n      }\n      return optionsSoFar;\n    }, []);\n  }, [flattenedData, columnId]);\n\n  const handleOnBlur = useCallback(() => {\n    const property = columnId;\n    onCellValueChange({ value: value?.value, property, rowIndex: cell.row.index });\n  }, [columnId, onCellValueChange, value?.value, cell.row.index]);\n\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <ComboBoxFreeSolo value={value} autoFocus onBlur={handleOnBlur} onChange={setValue} options={uniqueOptions} />\n      }\n      cell={cell}\n      isRowSelected={isRowSelected}\n    />\n  );\n};\nComboboxEditableCell.propTypes = editableCellPropType;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,uBAAiD,CAAC,UAAU;AACvE,QAAM,EAAE,MAAM,mBAAmB,kBAAkB;AAEnD,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,MACE,WAAW;AACf,QAAM,YAAY,QAAQ,MAAM,KAAK,OAAO,CAAC,KAAK;AAClD,QAAM,WAAW,QAAQ,MAAM,KAAK,OAAO,IAAI,CAAC,KAAK,OAAO;AAE5D,QAAM,CAAC,OAAO,YAAY,SAAS,EAAE,OAAO,WAAW,OAAO;AAE9D,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,kBAAkB;AACxB,WAAO,cAAc,OAAO,CAAC,cAAc,YAAY;AACrD,YAAM,YAAY,QAAQ,SAAS;AACnC,UAAI,CAAC,gBAAgB,YAAY;AAC/B,qBAAa,KAAK,EAAE,OAAO,WAAW,OAAO;AAC7C,wBAAgB,aAAa;AAAA;AAE/B,aAAO;AAAA,OACN;AAAA,KACF,CAAC,eAAe;AAEnB,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,WAAW;AACjB,sBAAkB,EAAE,OAAO,OAAO,OAAO,UAAU,UAAU,KAAK,IAAI;AAAA,KACrE,CAAC,UAAU,mBAAmB,OAAO,OAAO,KAAK,IAAI;AAExD,SACE,qCAAC,cAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,qCAAC,kBAAD;AAAA,MAAkB;AAAA,MAAc,WAAS;AAAA,MAAC,QAAQ;AAAA,MAAc,UAAU;AAAA,MAAU,SAAS;AAAA;AAAA,IAE/F;AAAA,IACA;AAAA;AAAA;AAIN,qBAAqB,YAAY;",
-  "names": []
-}

package/dist/esm/addons/Editables/DateEditableCell/DateEditableCell.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useState, useCallback } from "react";
-import { EditableCell } from "../../../exported-related";
-import { DataTableContext } from "../../../DataTableContext";
-import { editableCellPropType } from "../../../prop-types";
-function DateEditableCell(props) {
-  const { cell, DefaultCellRender } = props;
-  const {
-    tableProps: { onCellValueChange }
-  } = useContext(DataTableContext);
-  const [value, setValue] = useState(cell.value);
-  const handleOnChange = useCallback((e) => {
-    const {
-      target: { value: tValue }
-    } = e;
-    setValue(tValue);
-  }, [onCellValueChange, value]);
-  const handleOnBlur = useCallback(() => {
-    const property = cell.column.id;
-    const rowIndex = cell.row.index;
-    onCellValueChange({ value, property, rowIndex });
-  }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  return /* @__PURE__ */ React2.createElement(EditableCell, {
-    StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ React2.createElement("input", {
-      value,
-      onChange: handleOnChange,
-      onBlur: handleOnBlur,
-      autoFocus: true
-    }),
-    cell
-  });
-}
-DateEditableCell.propTypes = editableCellPropType;
-export {
-  DateEditableCell
-};
-//# sourceMappingURL=DateEditableCell.js.map

package/dist/esm/addons/Editables/DateEditableCell/DateEditableCell.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Editables/DateEditableCell/DateEditableCell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useCallback } from 'react';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\nimport { editableCellPropType } from '../../../prop-types';\n\nexport function DateEditableCell(props) {\n  const { cell, DefaultCellRender } = props;\n\n  const {\n    tableProps: { onCellValueChange },\n  } = useContext(DataTableContext);\n\n  const [value, setValue] = useState(cell.value);\n\n  const handleOnChange = useCallback(\n    (e) => {\n      const {\n        target: { value: tValue },\n      } = e;\n      setValue(tValue);\n    },\n    [onCellValueChange, value],\n  );\n  const handleOnBlur = useCallback(() => {\n    const property = cell.column.id;\n    const rowIndex = cell.row.index;\n    onCellValueChange({ value, property, rowIndex });\n  }, [value, onCellValueChange, cell.column.id, cell.row.index]);\n\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <input\n          value={value}\n          onChange={handleOnChange}\n          onBlur={handleOnBlur}\n          autoFocus\n        />\n      }\n      cell={cell}\n    />\n  );\n}\nDateEditableCell.propTypes = editableCellPropType;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,0BAA0B,OAAO;AACtC,QAAM,EAAE,MAAM,sBAAsB;AAEpC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AAEf,QAAM,CAAC,OAAO,YAAY,SAAS,KAAK;AAExC,QAAM,iBAAiB,YACrB,CAAC,MAAM;AACL,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,aAAS;AAAA,KAEX,CAAC,mBAAmB;AAEtB,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,WAAW,KAAK,OAAO;AAC7B,UAAM,WAAW,KAAK,IAAI;AAC1B,sBAAkB,EAAE,OAAO,UAAU;AAAA,KACpC,CAAC,OAAO,mBAAmB,KAAK,OAAO,IAAI,KAAK,IAAI;AAEvD,SACE,qCAAC,cAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,qCAAC,SAAD;AAAA,MACE;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA;AAAA,IAGb;AAAA;AAAA;AAIN,iBAAiB,YAAY;",
-  "names": []
-}

package/dist/esm/addons/Editables/TextEditableCell/TextEditableCell.js

@@ -1,61 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useState, useCallback } from "react";
-import styled from "styled-components";
-import { EditableCell } from "../../../exported-related";
-import { DataTableContext } from "../../../DataTableContext";
-import { editableCellPropType } from "../../../prop-types";
-const StyledInput = styled.input`
-  outline: none;
-  :focus {
-    border: 2px solid ${(props) => props.theme.colors.brand[700]};
-  }
-  max-width: 100%;
-`;
-const TextEditableCell = (props) => {
-  const { cell, DefaultCellRender, isRowSelected } = props;
-  const {
-    tableProps: { onCellValueChange }
-  } = useContext(DataTableContext);
-  const [value, setValue] = useState(cell.value);
-  const handleOnChange = useCallback((e) => {
-    const {
-      target: { value: tValue }
-    } = e;
-    setValue(tValue);
-  }, []);
-  const handleOnBlur = useCallback(() => {
-    const property = cell.column.id;
-    const rowIndex = cell.row.index;
-    onCellValueChange({ value, property, rowIndex });
-  }, [value, onCellValueChange, cell.column.id, cell.row.index]);
-  const handleOnKeyDown = useCallback((e) => {
-    if (e.code === "Enter") {
-      cell.ref.current.focus();
-    }
-    if (e.code === "Escape") {
-      setValue(cell.value);
-      const auxRef = cell.ref.current;
-      setTimeout(() => {
-        auxRef.focus();
-      });
-    }
-  }, [cell]);
-  return /* @__PURE__ */ React2.createElement(EditableCell, {
-    StandardRender: DefaultCellRender,
-    EditableRenderer: /* @__PURE__ */ React2.createElement(StyledInput, {
-      value,
-      onKeyDown: handleOnKeyDown,
-      onChange: handleOnChange,
-      onBlur: handleOnBlur,
-      autoFocus: true
-    }),
-    cell,
-    setValue,
-    isRowSelected
-  });
-};
-TextEditableCell.propTypes = editableCellPropType;
-export {
-  TextEditableCell
-};
-//# sourceMappingURL=TextEditableCell.js.map

package/dist/esm/addons/Editables/TextEditableCell/TextEditableCell.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/addons/Editables/TextEditableCell/TextEditableCell.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useContext, useState, useRef, useCallback } from 'react';\nimport styled from 'styled-components';\nimport { EditableCell } from '../../../exported-related';\nimport { DataTableContext } from '../../../DataTableContext';\nimport { editableCellPropType } from '../../../prop-types';\n\nconst StyledInput = styled.input`\n  outline: none;\n  :focus {\n    border: 2px solid ${(props) => props.theme.colors.brand[700]};\n  }\n  max-width: 100%;\n`;\n\nexport const TextEditableCell: React.ComponentType<any> = (props) => {\n  const { cell, DefaultCellRender, isRowSelected } = props;\n  const {\n    tableProps: { onCellValueChange },\n  } = useContext(DataTableContext);\n\n  const [value, setValue] = useState<string>(cell.value);\n\n  const handleOnChange = useCallback((e) => {\n    const {\n      target: { value: tValue },\n    } = e;\n    setValue(tValue);\n  }, []);\n\n  const handleOnBlur = useCallback(() => {\n    const property = cell.column.id;\n    const rowIndex = cell.row.index;\n    onCellValueChange({ value, property, rowIndex });\n  }, [value, onCellValueChange, cell.column.id, cell.row.index]);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.code === 'Enter') {\n        cell.ref.current.focus();\n        // will exec on blur callback from input and save new value\n      }\n      if (e.code === 'Escape') {\n        setValue(cell.value);\n        const auxRef = cell.ref.current;\n        // this prevent the on blur\n        setTimeout(() => {\n          auxRef.focus();\n        });\n      }\n    },\n    [cell],\n  );\n  return (\n    <EditableCell\n      StandardRender={DefaultCellRender}\n      EditableRenderer={\n        <StyledInput\n          value={value}\n          onKeyDown={handleOnKeyDown}\n          onChange={handleOnChange}\n          onBlur={handleOnBlur}\n          autoFocus\n        />\n      }\n      cell={cell}\n      setValue={setValue}\n      isRowSelected={isRowSelected}\n    />\n  );\n};\nTextEditableCell.propTypes = editableCellPropType;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,wBAGH,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKrD,MAAM,mBAA6C,CAAC,UAAU;AACnE,QAAM,EAAE,MAAM,mBAAmB,kBAAkB;AACnD,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AAEf,QAAM,CAAC,OAAO,YAAY,SAAiB,KAAK;AAEhD,QAAM,iBAAiB,YAAY,CAAC,MAAM;AACxC,UAAM;AAAA,MACJ,QAAQ,EAAE,OAAO;AAAA,QACf;AACJ,aAAS;AAAA,KACR;AAEH,QAAM,eAAe,YAAY,MAAM;AACrC,UAAM,WAAW,KAAK,OAAO;AAC7B,UAAM,WAAW,KAAK,IAAI;AAC1B,sBAAkB,EAAE,OAAO,UAAU;AAAA,KACpC,CAAC,OAAO,mBAAmB,KAAK,OAAO,IAAI,KAAK,IAAI;AAEvD,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,SAAS;AACtB,WAAK,IAAI,QAAQ;AAAA;AAGnB,QAAI,EAAE,SAAS,UAAU;AACvB,eAAS,KAAK;AACd,YAAM,SAAS,KAAK,IAAI;AAExB,iBAAW,MAAM;AACf,eAAO;AAAA;AAAA;AAAA,KAIb,CAAC;AAEH,SACE,qCAAC,cAAD;AAAA,IACE,gBAAgB;AAAA,IAChB,kBACE,qCAAC,aAAD;AAAA,MACE;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAS;AAAA;AAAA,IAGb;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIN,iBAAiB,YAAY;",
-  "names": []
-}

package/dist/esm/addons/Editables/index.js

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { TextEditableCell } from "./TextEditableCell/TextEditableCell";
-import { ComboboxEditableCell } from "./ComboboxEditableCell/ComboboxEditableCell";
-const outOfTheBoxEditables = {
-  "ds-edit-text": { EditableComponent: TextEditableCell },
-  "ds-edit-combobox": {
-    EditableComponent: ComboboxEditableCell
-  }
-};
-export {
-  outOfTheBoxEditables
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/addons/Editables/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/addons/Editables/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { TextEditableCell } from './TextEditableCell/TextEditableCell';\nimport { ComboboxEditableCell } from './ComboboxEditableCell/ComboboxEditableCell';\n\nexport const outOfTheBoxEditables: Record<string, { EditableComponent: React.ComponentType<any> }> = {\n  'ds-edit-text': { EditableComponent: TextEditableCell },\n  'ds-edit-combobox': {\n    EditableComponent: ComboboxEditableCell,\n  },\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AAEO,MAAM,uBAAwF;AAAA,EACnG,gBAAgB,EAAE,mBAAmB;AAAA,EACrC,oBAAoB;AAAA,IAClB,mBAAmB;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/addons/Filters/Components/CurrencyRangeFilter/index.js

@@ -1,90 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { DSInputMask, MASK_TYPES } from "@elliemae/ds-form";
-import { DSFormLayoutBlockItem } from "@elliemae/ds-form-layout-blocks";
-import { SearchXsmall } from "@elliemae/ds-icons";
-import { FilterPopover, FILTER_TYPES } from "../../../../exported-related";
-import { DATA_TESTID } from "../../../../configs/constants";
-import { useDispatchHeadersActions } from "../../../../redux/reducers/headersReducers";
-const opts = {
-  prefix: "",
-  suffix: "",
-  allowDecimal: true,
-  decimalLimit: 2,
-  includeThousandsSeparator: false,
-  requireDecimal: true,
-  allowNegative: true
-};
-const CurrencyRangeFilter = (props) => {
-  const { column, filterValue = { from: null, to: null }, reduxHeader, onValueChange, innerRef } = props;
-  const handleFromChange = (e) => {
-    const nextValue = {
-      ...filterValue,
-      from: e.target.value
-    };
-    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
-  };
-  const handleToChange = (e) => {
-    const nextValue = {
-      ...filterValue,
-      to: e.target.value
-    };
-    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);
-  };
-  const { patchHeader } = useDispatchHeadersActions();
-  const closePopover = (e) => {
-    if (e.code === "Escape") {
-      patchHeader(column.id, { hideFilterMenu: true, hideFilterButton: false });
-      innerRef.current.focus();
-    }
-  };
-  const idPreffix = "datatable-currency-range";
-  return /* @__PURE__ */ React2.createElement(FilterPopover, {
-    reduxHeader,
-    column,
-    columnId: column.id,
-    menuContent: /* @__PURE__ */ React2.createElement(Grid, {
-      "data-testid": DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER,
-      gutter: "xxxs",
-      padding: "xxs",
-      cols: ["auto", "auto"],
-      style: { background: "white" }
-    }, /* @__PURE__ */ React2.createElement(DSFormLayoutBlockItem, {
-      label: "Min",
-      inputID: `${idPreffix}-min-${column.id}`
-    }, /* @__PURE__ */ React2.createElement(DSInputMask, {
-      containerProps: { style: { textAlign: "right" } },
-      id: `${idPreffix}-min-${column.id}`,
-      value: `${filterValue?.from ?? ""}`,
-      onChange: handleFromChange,
-      placeholder: "0.00",
-      mask: (number) => MASK_TYPES.NUMBER(opts)(number),
-      autoFocus: true,
-      onKeyDown: (e) => {
-        closePopover(e);
-      }
-    })), /* @__PURE__ */ React2.createElement(DSFormLayoutBlockItem, {
-      label: "Max",
-      inputID: `${idPreffix}-max-${column.id}`
-    }, /* @__PURE__ */ React2.createElement(DSInputMask, {
-      containerProps: { style: { textAlign: "right" } },
-      id: `${idPreffix}-max-${column.id}`,
-      value: `${filterValue?.to ?? ""}`,
-      onChange: handleToChange,
-      placeholder: "0.00",
-      mask: (number) => MASK_TYPES.NUMBER(opts)(number),
-      onKeyDown: (e) => {
-        closePopover(e);
-      }
-    }))),
-    triggerIcon: /* @__PURE__ */ React2.createElement(SearchXsmall, null),
-    customStyles: { width: column.ref?.current?.offsetWidth ?? "0px" },
-    innerRef,
-    ariaLabel: "Open Currency Range Filter"
-  });
-};
-export {
-  CurrencyRangeFilter
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/addons/Filters/Components/CurrencyRangeFilter/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/CurrencyRangeFilter/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSInputMask, MASK_TYPES } from '@elliemae/ds-form';\nimport { DSFormLayoutBlockItem } from '@elliemae/ds-form-layout-blocks';\nimport { SearchXsmall } from '@elliemae/ds-icons';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\nimport { useDispatchHeadersActions } from '../../../../redux/reducers/headersReducers';\n\nconst opts = {\n  prefix: '',\n  suffix: '',\n  allowDecimal: true,\n  decimalLimit: 2,\n  includeThousandsSeparator: false,\n  requireDecimal: true,\n  allowNegative: true,\n};\n\nexport const CurrencyRangeFilter: React.ComponentType<FilterProps> = (props) => {\n  const { column, filterValue = { from: null, to: null }, reduxHeader, onValueChange, innerRef } = props;\n  const handleFromChange = (e) => {\n    const nextValue = {\n      ...filterValue,\n      from: e.target.value,\n    };\n    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);\n  };\n  const handleToChange = (e) => {\n    const nextValue = {\n      ...filterValue,\n      to: e.target.value,\n    };\n    onValueChange(FILTER_TYPES.CURRENCY_RANGE, nextValue);\n  };\n  const { patchHeader } = useDispatchHeadersActions();\n\n  // workaround to close menu with esc key since DSInputMask has stoppropagation on key down\n  const closePopover = (e) => {\n    if (e.code === 'Escape') {\n      patchHeader(column.id, { hideFilterMenu: true, hideFilterButton: false });\n      innerRef.current.focus();\n    }\n  };\n\n  const idPreffix = 'datatable-currency-range';\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={column.id}\n      menuContent={\n        <Grid\n          data-testid={DATA_TESTID.DATA_TABLE_CURRENCY_RANGE_CONTROLLER}\n          gutter=\"xxxs\"\n          padding=\"xxs\"\n          cols={['auto', 'auto']}\n          style={{ background: 'white' }}\n        >\n          <DSFormLayoutBlockItem label=\"Min\" inputID={`${idPreffix}-min-${column.id}`}>\n            <DSInputMask\n              containerProps={{ style: { textAlign: 'right' } }}\n              id={`${idPreffix}-min-${column.id}`}\n              value={`${filterValue?.from ?? ''}`}\n              onChange={handleFromChange}\n              placeholder=\"0.00\"\n              mask={(number) => MASK_TYPES.NUMBER(opts)(number)}\n              autoFocus\n              onKeyDown={(e) => {\n                closePopover(e);\n              }}\n            />\n          </DSFormLayoutBlockItem>\n          <DSFormLayoutBlockItem label=\"Max\" inputID={`${idPreffix}-max-${column.id}`}>\n            <DSInputMask\n              containerProps={{ style: { textAlign: 'right' } }}\n              id={`${idPreffix}-max-${column.id}`}\n              value={`${filterValue?.to ?? ''}`}\n              onChange={handleToChange}\n              placeholder=\"0.00\"\n              mask={(number) => MASK_TYPES.NUMBER(opts)(number)}\n              onKeyDown={(e) => {\n                closePopover(e);\n              }}\n            />\n          </DSFormLayoutBlockItem>\n        </Grid>\n      }\n      triggerIcon={<SearchXsmall />}\n      customStyles={{ width: column.ref?.current?.offsetWidth ?? '0px' }}\n      innerRef={innerRef}\n      ariaLabel=\"Open Currency Range Filter\"\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,OAAO;AAAA,EACX,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,eAAe;AAAA;AAGV,MAAM,sBAAwD,CAAC,UAAU;AAC9E,QAAM,EAAE,QAAQ,cAAc,EAAE,MAAM,MAAM,IAAI,QAAQ,aAAa,eAAe,aAAa;AACjG,QAAM,mBAAmB,CAAC,MAAM;AAC9B,UAAM,YAAY;AAAA,SACb;AAAA,MACH,MAAM,EAAE,OAAO;AAAA;AAEjB,kBAAc,aAAa,gBAAgB;AAAA;AAE7C,QAAM,iBAAiB,CAAC,MAAM;AAC5B,UAAM,YAAY;AAAA,SACb;AAAA,MACH,IAAI,EAAE,OAAO;AAAA;AAEf,kBAAc,aAAa,gBAAgB;AAAA;AAE7C,QAAM,EAAE,gBAAgB;AAGxB,QAAM,eAAe,CAAC,MAAM;AAC1B,QAAI,EAAE,SAAS,UAAU;AACvB,kBAAY,OAAO,IAAI,EAAE,gBAAgB,MAAM,kBAAkB;AACjE,eAAS,QAAQ;AAAA;AAAA;AAIrB,QAAM,YAAY;AAClB,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,OAAO;AAAA,IACjB,aACE,qCAAC,MAAD;AAAA,MACE,eAAa,YAAY;AAAA,MACzB,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAM,CAAC,QAAQ;AAAA,MACf,OAAO,EAAE,YAAY;AAAA,OAErB,qCAAC,uBAAD;AAAA,MAAuB,OAAM;AAAA,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,OACrE,qCAAC,aAAD;AAAA,MACE,gBAAgB,EAAE,OAAO,EAAE,WAAW;AAAA,MACtC,IAAI,GAAG,iBAAiB,OAAO;AAAA,MAC/B,OAAO,GAAG,aAAa,QAAQ;AAAA,MAC/B,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,MAAM,CAAC,WAAW,WAAW,OAAO,MAAM;AAAA,MAC1C,WAAS;AAAA,MACT,WAAW,CAAC,MAAM;AAChB,qBAAa;AAAA;AAAA,SAInB,qCAAC,uBAAD;AAAA,MAAuB,OAAM;AAAA,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,OACrE,qCAAC,aAAD;AAAA,MACE,gBAAgB,EAAE,OAAO,EAAE,WAAW;AAAA,MACtC,IAAI,GAAG,iBAAiB,OAAO;AAAA,MAC/B,OAAO,GAAG,aAAa,MAAM;AAAA,MAC7B,UAAU;AAAA,MACV,aAAY;AAAA,MACZ,MAAM,CAAC,WAAW,WAAW,OAAO,MAAM;AAAA,MAC1C,WAAW,CAAC,MAAM;AAChB,qBAAa;AAAA;AAAA;AAAA,IAMvB,aAAa,qCAAC,cAAD;AAAA,IACb,cAAc,EAAE,OAAO,OAAO,KAAK,SAAS,eAAe;AAAA,IAC3D;AAAA,IACA,WAAU;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/addons/Filters/Components/DateRangeFilter/index.js

@@ -1,65 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useState } from "react";
-import { DatePicker2 } from "@elliemae/ds-icons";
-import { Grid } from "@elliemae/ds-grid";
-import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";
-import { FilterPopover, FILTER_TYPES } from "../../../../exported-related";
-import { DATA_TESTID } from "../../../../configs/constants";
-const emptyFilterValue = { startDate: null, endDate: null };
-const DateRangeFilter = (props) => {
-  const {
-    column,
-    column: { id },
-    filterValue = emptyFilterValue,
-    onValueChange,
-    patchHeaderFilterButtonAndMenu,
-    reduxHeader,
-    innerRef
-  } = props;
-  const dateRange = filterValue;
-  const [startDate, setStartDate] = useState(dateRange.startDate || "");
-  const [endDate, setEndDate] = useState(dateRange.endDate || "");
-  useEffect(() => {
-    setStartDate(dateRange.startDate || "");
-    setEndDate(dateRange.endDate || "");
-  }, [dateRange]);
-  useEffect(() => {
-    if (startDate && endDate && !startDate.includes("_") && !endDate.includes("_")) {
-      onValueChange(FILTER_TYPES.DATE_RANGE, { startDate, endDate });
-    }
-  }, [startDate, endDate]);
-  return /* @__PURE__ */ React2.createElement(FilterPopover, {
-    reduxHeader,
-    column,
-    columnId: id,
-    menuContent: /* @__PURE__ */ React2.createElement(Grid, {
-      width: "260px",
-      "data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
-    }, /* @__PURE__ */ React2.createElement(Grid, {
-      p: "xxs",
-      style: { background: "white" }
-    }, /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-inputs",
-      autoFocus: true
-    })), /* @__PURE__ */ React2.createElement(Grid, {
-      onKeyDown: (e) => e.code === "Enter" && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)
-    }, /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-picker-controller-only"
-    }))),
-    triggerIcon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
-    innerRef,
-    ariaLabel: "Open Date Range Filter"
-  });
-};
-export {
-  DateRangeFilter
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/addons/Filters/Components/DateRangeFilter/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/DateRangeFilter/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateRangePicker } from '@elliemae/ds-controlled-form';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nconst emptyFilterValue = { startDate: null, endDate: null };\n\nexport const DateRangeFilter: React.ComponentType<FilterProps> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue = emptyFilterValue,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    reduxHeader,\n    innerRef,\n  } = props;\n\n  const dateRange = filterValue;\n\n  const [startDate, setStartDate] = useState(dateRange.startDate || '');\n  const [endDate, setEndDate] = useState(dateRange.endDate || '');\n\n  useEffect(() => {\n    setStartDate(dateRange.startDate || '');\n    setEndDate(dateRange.endDate || '');\n  }, [dateRange]);\n\n  useEffect(() => {\n    if (startDate && endDate && !startDate.includes('_') && !endDate.includes('_')) {\n      onValueChange(FILTER_TYPES.DATE_RANGE, { startDate, endDate });\n    }\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate]);\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={id}\n      menuContent={\n        <Grid width=\"260px\" data-testid={DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER}>\n          <Grid p=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledDateRangePicker\n              fromDate={startDate}\n              onFromDateChange={setStartDate}\n              toDate={endDate}\n              onToDateChange={setEndDate}\n              type=\"date-range-inputs\"\n              autoFocus\n            />\n          </Grid>\n          <Grid\n            onKeyDown={(e) =>\n              e.code === 'Enter' &&\n              setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)\n            }\n          >\n            <DSControlledDateRangePicker\n              fromDate={startDate}\n              onFromDateChange={setStartDate}\n              toDate={endDate}\n              onToDateChange={setEndDate}\n              type=\"date-range-picker-controller-only\"\n            />\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Date Range Filter\"\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,mBAAmB,EAAE,WAAW,MAAM,SAAS;AAE9C,MAAM,kBAAoD,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE;AAAA,IACV,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,YAAY;AAElB,QAAM,CAAC,WAAW,gBAAgB,SAAS,UAAU,aAAa;AAClE,QAAM,CAAC,SAAS,cAAc,SAAS,UAAU,WAAW;AAE5D,YAAU,MAAM;AACd,iBAAa,UAAU,aAAa;AACpC,eAAW,UAAU,WAAW;AAAA,KAC/B,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,UAAU,SAAS,QAAQ,CAAC,QAAQ,SAAS,MAAM;AAC9E,oBAAc,aAAa,YAAY,EAAE,WAAW;AAAA;AAAA,KAIrD,CAAC,WAAW;AAEf,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,aACE,qCAAC,MAAD;AAAA,MAAM,OAAM;AAAA,MAAQ,eAAa,YAAY;AAAA,OAC3C,qCAAC,MAAD;AAAA,MAAM,GAAE;AAAA,MAAM,OAAO,EAAE,YAAY;AAAA,OACjC,qCAAC,6BAAD;AAAA,MACE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA,MACL,WAAS;AAAA,SAGb,qCAAC,MAAD;AAAA,MACE,WAAW,CAAC,MACV,EAAE,SAAS,WACX,WAAW,MAAM,+BAA+B,IAAI,CAAC,CAAE,WAAU,aAAa,UAAU,WAAW;AAAA,OAGrG,qCAAC,6BAAD;AAAA,MACE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA;AAAA,IAKb,aAAa,qCAAC,aAAD;AAAA,IACb;AAAA,IACA,WAAU;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/addons/Filters/Components/DateSwitcherFilter/index.js

@@ -1,95 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useState } from "react";
-import { DatePicker2 } from "@elliemae/ds-icons";
-import { Grid } from "@elliemae/ds-grid";
-import {
-  DSControlledDateRangePicker,
-  DSControlledDateTimePicker,
-  DSControlledCheckbox
-} from "@elliemae/ds-controlled-form";
-import { FilterPopover, FILTER_TYPES } from "../../../../exported-related";
-import { DATA_TESTID } from "../../../../configs/constants";
-const emptyFilterValue = { startDate: null, endDate: null };
-const DateSwitcherFilter = (props) => {
-  const {
-    column,
-    column: { id },
-    filterValue = emptyFilterValue,
-    onValueChange,
-    patchHeaderFilterButtonAndMenu,
-    reduxHeader,
-    innerRef
-  } = props;
-  const dateRange = filterValue;
-  const [startDate, setStartDate] = useState(dateRange.startDate || "");
-  const [endDate, setEndDate] = useState(dateRange.endDate || "");
-  const [isDateRange, setIsDateRange] = useState(false);
-  useEffect(() => {
-    setStartDate(dateRange.startDate || "");
-    setEndDate(dateRange.endDate || "");
-  }, [dateRange]);
-  useEffect(() => {
-    if (startDate && endDate && !startDate.includes("_") && !endDate.includes("_")) {
-      onValueChange(FILTER_TYPES.DATE_SWITCHER, { startDate, endDate, isDateRange });
-    }
-  }, [startDate, endDate, isDateRange]);
-  return /* @__PURE__ */ React2.createElement(FilterPopover, {
-    reduxHeader,
-    column,
-    columnId: id,
-    menuContent: /* @__PURE__ */ React2.createElement(Grid, {
-      width: "260px",
-      "data-testid": DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER
-    }, /* @__PURE__ */ React2.createElement(Grid, {
-      p: "xxs",
-      gutter: "xxs",
-      style: { background: "white" }
-    }, /* @__PURE__ */ React2.createElement(DSControlledCheckbox, {
-      checked: isDateRange,
-      name: "Date range",
-      label: "Date Range",
-      id: "date-range-switcher-id-internal",
-      onChange: () => {
-        setIsDateRange(!isDateRange);
-        setStartDate("");
-        setEndDate("");
-      },
-      autoFocus: true
-    }), isDateRange ? /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-inputs"
-    }) : /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
-      date: startDate,
-      onDateChange: (_date) => {
-        setStartDate(_date);
-        setEndDate(_date);
-      },
-      type: "date-inputs"
-    })), /* @__PURE__ */ React2.createElement(Grid, {
-      onKeyDown: (e) => e.code === "Enter" && setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)
-    }, isDateRange ? /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
-      fromDate: startDate,
-      onFromDateChange: setStartDate,
-      toDate: endDate,
-      onToDateChange: setEndDate,
-      type: "date-range-picker-controller-only"
-    }) : /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
-      date: startDate,
-      onDateChange: (_date) => {
-        setStartDate(_date);
-        setEndDate(_date);
-      },
-      type: "date-picker-controller-only"
-    }))),
-    triggerIcon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
-    innerRef,
-    ariaLabel: "Open Date Range Filter"
-  });
-};
-export {
-  DateSwitcherFilter
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/addons/Filters/Components/DateSwitcherFilter/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/DateSwitcherFilter/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport {\n  DSControlledDateRangePicker,\n  DSControlledDateTimePicker,\n  DSControlledCheckbox,\n} from '@elliemae/ds-controlled-form';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nconst emptyFilterValue = { startDate: null, endDate: null };\n\nexport const DateSwitcherFilter: React.ComponentType<FilterProps> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue = emptyFilterValue,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    reduxHeader,\n    innerRef,\n  } = props;\n\n  const dateRange = filterValue;\n\n  const [startDate, setStartDate] = useState(dateRange.startDate || '');\n  const [endDate, setEndDate] = useState(dateRange.endDate || '');\n  const [isDateRange, setIsDateRange] = useState(false);\n\n  useEffect(() => {\n    setStartDate(dateRange.startDate || '');\n    setEndDate(dateRange.endDate || '');\n  }, [dateRange]);\n\n  useEffect(() => {\n    if (startDate && endDate && !startDate.includes('_') && !endDate.includes('_')) {\n      onValueChange(FILTER_TYPES.DATE_SWITCHER, { startDate, endDate, isDateRange });\n    }\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate, isDateRange]);\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={id}\n      menuContent={\n        <Grid width=\"260px\" data-testid={DATA_TESTID.DATA_TABLE_DATE_RANGE_CONTROLLER}>\n          <Grid p=\"xxs\" gutter=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledCheckbox\n              checked={isDateRange}\n              name=\"Date range\"\n              label=\"Date Range\"\n              id=\"date-range-switcher-id-internal\"\n              onChange={() => {\n                setIsDateRange(!isDateRange);\n                setStartDate('');\n                setEndDate('');\n              }}\n              autoFocus\n            />\n            {isDateRange ? (\n              <DSControlledDateRangePicker\n                fromDate={startDate}\n                onFromDateChange={setStartDate}\n                toDate={endDate}\n                onToDateChange={setEndDate}\n                type=\"date-range-inputs\"\n              />\n            ) : (\n              <DSControlledDateTimePicker\n                date={startDate}\n                onDateChange={(_date) => {\n                  setStartDate(_date);\n                  setEndDate(_date);\n                }}\n                type=\"date-inputs\"\n              />\n            )}\n          </Grid>\n          <Grid\n            onKeyDown={(e) =>\n              e.code === 'Enter' &&\n              setTimeout(() => patchHeaderFilterButtonAndMenu(id, !!(dateRange.startDate || dateRange.endDate)), 0)\n            }\n          >\n            {isDateRange ? (\n              <DSControlledDateRangePicker\n                fromDate={startDate}\n                onFromDateChange={setStartDate}\n                toDate={endDate}\n                onToDateChange={setEndDate}\n                type=\"date-range-picker-controller-only\"\n              />\n            ) : (\n              <DSControlledDateTimePicker\n                date={startDate}\n                onDateChange={(_date) => {\n                  setStartDate(_date);\n                  setEndDate(_date);\n                }}\n                type=\"date-picker-controller-only\"\n              />\n            )}\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Date Range Filter\"\n    />\n  );\n};\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAKA;AAEA;AAEA,MAAM,mBAAmB,EAAE,WAAW,MAAM,SAAS;AAE9C,MAAM,qBAAuD,CAAC,UAAU;AAC7E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE;AAAA,IACV,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,YAAY;AAElB,QAAM,CAAC,WAAW,gBAAgB,SAAS,UAAU,aAAa;AAClE,QAAM,CAAC,SAAS,cAAc,SAAS,UAAU,WAAW;AAC5D,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAE/C,YAAU,MAAM;AACd,iBAAa,UAAU,aAAa;AACpC,eAAW,UAAU,WAAW;AAAA,KAC/B,CAAC;AAEJ,YAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,UAAU,SAAS,QAAQ,CAAC,QAAQ,SAAS,MAAM;AAC9E,oBAAc,aAAa,eAAe,EAAE,WAAW,SAAS;AAAA;AAAA,KAIjE,CAAC,WAAW,SAAS;AAExB,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,aACE,qCAAC,MAAD;AAAA,MAAM,OAAM;AAAA,MAAQ,eAAa,YAAY;AAAA,OAC3C,qCAAC,MAAD;AAAA,MAAM,GAAE;AAAA,MAAM,QAAO;AAAA,MAAM,OAAO,EAAE,YAAY;AAAA,OAC9C,qCAAC,sBAAD;AAAA,MACE,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAM;AAAA,MACN,IAAG;AAAA,MACH,UAAU,MAAM;AACd,uBAAe,CAAC;AAChB,qBAAa;AACb,mBAAW;AAAA;AAAA,MAEb,WAAS;AAAA,QAEV,cACC,qCAAC,6BAAD;AAAA,MACE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA,SAGP,qCAAC,4BAAD;AAAA,MACE,MAAM;AAAA,MACN,cAAc,CAAC,UAAU;AACvB,qBAAa;AACb,mBAAW;AAAA;AAAA,MAEb,MAAK;AAAA,SAIX,qCAAC,MAAD;AAAA,MACE,WAAW,CAAC,MACV,EAAE,SAAS,WACX,WAAW,MAAM,+BAA+B,IAAI,CAAC,CAAE,WAAU,aAAa,UAAU,WAAW;AAAA,OAGpG,cACC,qCAAC,6BAAD;AAAA,MACE,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,MAAK;AAAA,SAGP,qCAAC,4BAAD;AAAA,MACE,MAAM;AAAA,MACN,cAAc,CAAC,UAAU;AACvB,qBAAa;AACb,mBAAW;AAAA;AAAA,MAEb,MAAK;AAAA;AAAA,IAMf,aAAa,qCAAC,aAAD;AAAA,IACb;AAAA,IACA,WAAU;AAAA;AAAA;",
-  "names": []
-}