@elliemae/ds-data-table 2.2.0 → 2.3.0-alpha.3

package/cjs/addons/Filters/Components/SelectFilter/components.js

@@ -1,36 +1,86 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-px47an-0"
-})(["display:flex;flex-direction:column;align-items:center;"]);
-const InputWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-px47an-1"
-})(["width:100%;padding:10px;"]); // TODO: use dimsum text input
-
-const Input = /*#__PURE__*/styled__default["default"].input.withConfig({
-  componentId: "sc-px47an-2"
-})(["width:100%;border:1px solid #eee;height:25px;&:focus{outline:none;border:1px solid ", ";}"], props => props.theme.colors.brand[600]);
-const MenuList = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-px47an-3"
-})(["position:relative;width:100%;"]);
-const MenuItem = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-px47an-4"
-})(["display:flex;box-sizing:border-box;align-items:center;white-space:wrap;position:absolute;top:0;left:0;width:100%;padding:10px;border:1px solid transparent;cursor:pointer;&:hover{border:1px solid ", ";}&:focus{border:1px solid ", ";}"], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]);
-const VirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-px47an-5"
-})(["width:100%;overflow:auto;max-height:300px;"]);
-
-exports.Input = Input;
-exports.InputWrapper = InputWrapper;
-exports.MenuItem = MenuItem;
-exports.MenuList = MenuList;
-exports.VirtualListWrapper = VirtualListWrapper;
-exports.Wrapper = Wrapper;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var components_exports = {};
+__export(components_exports, {
+  Input: () => Input,
+  InputWrapper: () => InputWrapper,
+  MenuItem: () => MenuItem,
+  MenuList: () => MenuList,
+  VirtualListWrapper: () => VirtualListWrapper,
+  Wrapper: () => Wrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const Wrapper = import_styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+const InputWrapper = import_styled_components.default.div`
+  width: 100%;
+  padding: 10px;
+`;
+const Input = import_styled_components.default.input`
+  width: 100%;
+  border: 1px solid #eee;
+  height: 25px;
+  &:focus {
+    outline: none;
+    border: 1px solid ${(props) => props.theme.colors.brand[600]};
+  }
+`;
+const MenuList = import_styled_components.default.div`
+  position: relative;
+  width: 100%;
+`;
+const MenuItem = import_styled_components.default.div`
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  white-space: wrap;
+  position: absolute; // needed to virtualization
+  top: 0;
+  left: 0;
+  width: 100%;
+  padding: 10px;
+  border: 1px solid transparent;
+  cursor: pointer;
+  &:hover {
+    border: 1px solid ${(props) => props.theme.colors.brand[600]};
+  }
+  &:focus {
+    border: 1px solid ${(props) => props.theme.colors.brand[600]};
+  }
+`;
+const VirtualListWrapper = import_styled_components.default.div`
+  width: 100%;
+  overflow: auto; // needed to virtualization
+  max-height: 300px;
+`;
+module.exports = __toCommonJS(components_exports);
+//# sourceMappingURL=components.js.map

package/cjs/addons/Filters/Components/SelectFilter/components.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/components.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const InputWrapper = styled.div`\n  width: 100%;\n  padding: 10px;\n`;\n\n// TODO: use dimsum text input\nexport const Input = styled.input`\n  width: 100%;\n  border: 1px solid #eee;\n  height: 25px;\n  &:focus {\n    outline: none;\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const MenuList = styled.div`\n  position: relative;\n  width: 100%;\n`;\n\nexport const MenuItem = styled.div`\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: wrap;\n  position: absolute; // needed to virtualization\n  top: 0;\n  left: 0;\n  width: 100%;\n  padding: 10px;\n  border: 1px solid transparent;\n  cursor: pointer;\n  &:hover {\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n  }\n  &:focus {\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n  }\n`;\n\nexport const VirtualListWrapper = styled.div`\n  width: 100%;\n  overflow: auto; // needed to virtualization\n  max-height: 300px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,eAAe,iCAAO;AAAA;AAAA;AAAA;AAM5B,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMJ,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrD,MAAM,WAAW,iCAAO;AAAA;AAAA;AAAA;AAKxB,MAAM,WAAW,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAaP,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,wBAGpC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrD,MAAM,qBAAqB,iCAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js

@@ -1,82 +1,92 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var utils = require('./utils.js');
-
-const useSelectFilterHandlers = _ref => {
-  let {
-    column: {
-      id
-    },
-    type,
-    isSingle,
-    isMulti,
-    selectedItems,
-    onValueChange,
-    patchHeaderFilterButtonAndMenu,
-    patchHeader
-  } = _ref;
-  const handleSelectItem = React.useCallback(option => {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useSelectFilterHandlers_exports = {};
+__export(useSelectFilterHandlers_exports, {
+  useSelectFilterHandlers: () => useSelectFilterHandlers
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_utils = require("./utils");
+const useSelectFilterHandlers = ({
+  column: { id },
+  type,
+  isSingle,
+  isMulti,
+  selectedItems,
+  onValueChange,
+  patchHeaderFilterButtonAndMenu,
+  patchHeader
+}) => {
+  const handleSelectItem = (0, import_react.useCallback)((option) => {
     if (isSingle) {
       onValueChange(type, option);
     } else if (isMulti) {
       let nextSelectedItems = [];
-
       if (selectedItems.includes(option)) {
-        nextSelectedItems = selectedItems.filter(opt => opt !== option);
+        nextSelectedItems = selectedItems.filter((opt) => opt !== option);
       } else {
         nextSelectedItems = [...selectedItems, option];
       }
-
       onValueChange(type, nextSelectedItems);
     }
   }, [isSingle, isMulti, onValueChange, type, selectedItems]);
-  const onInputWrapperKeyDown = React.useCallback(e => {
-    if (e.code === 'ArrowDown') utils.focusNextMenuItem(e, -1);
+  const onInputWrapperKeyDown = (0, import_react.useCallback)((e) => {
+    if (e.code === "ArrowDown")
+      (0, import_utils.focusNextMenuItem)(e, -1);
   }, []);
-  const onMenuItemClick = React.useCallback(option => () => {
+  const onMenuItemClick = (0, import_react.useCallback)((option) => () => {
     handleSelectItem(option);
-    if (isSingle) patchHeaderFilterButtonAndMenu(id, true);
+    if (isSingle)
+      patchHeaderFilterButtonAndMenu(id, true);
   }, [handleSelectItem, id, isSingle, patchHeaderFilterButtonAndMenu]);
-  const onMenuItemKeyDown = React.useCallback((option, index, virtualIndex, inputRef, innerRef) => e => {
-    if (e.code === 'ArrowUp') {
-      if (index === 0) inputRef.current.focus();else utils.focusPrevMenuItem(e, virtualIndex);
+  const onMenuItemKeyDown = (0, import_react.useCallback)((option, index, virtualIndex, inputRef, innerRef) => (e) => {
+    if (e.code === "ArrowUp") {
+      if (index === 0)
+        inputRef.current.focus();
+      else
+        (0, import_utils.focusPrevMenuItem)(e, virtualIndex);
     }
-
-    if (e.code === 'ArrowDown') utils.focusNextMenuItem(e, virtualIndex);
-
-    if (e.code === 'Space') {
+    if (e.code === "ArrowDown")
+      (0, import_utils.focusNextMenuItem)(e, virtualIndex);
+    if (e.code === "Space") {
       e.preventDefault();
       handleSelectItem(option);
-
       if (isSingle) {
-        patchHeader(id, {
-          hideFilterMenu: true,
-          hideFilterButton: false
-        });
+        patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });
         setTimeout(() => innerRef.current.focus());
       }
     }
-
-    if (e.code === 'Enter') {
-      patchHeader(id, {
-        hideFilterMenu: true,
-        hideFilterButton: false
-      });
+    if (e.code === "Enter") {
+      patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });
       setTimeout(() => innerRef.current.focus());
     }
   }, [handleSelectItem, id, isSingle, patchHeader]);
-  return {
-    onInputWrapperKeyDown,
-    onMenuItemClick,
-    onMenuItemKeyDown
-  };
+  return { onInputWrapperKeyDown, onMenuItemClick, onMenuItemKeyDown };
 };
-
-exports.useSelectFilterHandlers = useSelectFilterHandlers;
+module.exports = __toCommonJS(useSelectFilterHandlers_exports);
+//# sourceMappingURL=useSelectFilterHandlers.js.map

package/cjs/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/useSelectFilterHandlers.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport { useCallback } from 'react';\nimport { FilterProps } from '../../../../types/props';\nimport { focusNextMenuItem, focusPrevMenuItem } from './utils';\n\ninterface BaseSelectProps {\n  isSingle?: boolean;\n  isMulti?: boolean;\n  selectedItems?: unknown[];\n  type: string;\n}\n\nexport const useSelectFilterHandlers = ({\n  column: { id },\n  type,\n  isSingle,\n  isMulti,\n  selectedItems,\n  onValueChange,\n  patchHeaderFilterButtonAndMenu,\n  patchHeader,\n}: Partial<FilterProps> & BaseSelectProps): any => {\n  const handleSelectItem = useCallback(\n    (option) => {\n      if (isSingle) {\n        onValueChange(type, option);\n      } else if (isMulti) {\n        let nextSelectedItems = [];\n\n        if (selectedItems.includes(option)) {\n          nextSelectedItems = selectedItems.filter((opt) => opt !== option);\n        } else {\n          nextSelectedItems = [...selectedItems, option];\n        }\n        onValueChange(type, nextSelectedItems);\n      }\n    },\n    [isSingle, isMulti, onValueChange, type, selectedItems],\n  );\n\n  const onInputWrapperKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n    if (e.code === 'ArrowDown') focusNextMenuItem(e, -1);\n  }, []);\n\n  const onMenuItemClick: (opt: string) => React.MouseEventHandler = useCallback(\n    (option) => () => {\n      handleSelectItem(option);\n      if (isSingle) patchHeaderFilterButtonAndMenu(id, true);\n    },\n    [handleSelectItem, id, isSingle, patchHeaderFilterButtonAndMenu],\n  );\n\n  const onMenuItemKeyDown: (...args: any) => React.KeyboardEventHandler = useCallback(\n    (option, index, virtualIndex, inputRef, innerRef) => (e) => {\n      if (e.code === 'ArrowUp') {\n        if (index === 0) inputRef.current.focus();\n        else focusPrevMenuItem(e, virtualIndex);\n      }\n      if (e.code === 'ArrowDown') focusNextMenuItem(e, virtualIndex);\n      if (e.code === 'Space') {\n        e.preventDefault();\n        handleSelectItem(option);\n        if (isSingle) {\n          patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });\n          setTimeout(() => innerRef.current.focus());\n        }\n      }\n      if (e.code === 'Enter') {\n        patchHeader(id, { hideFilterMenu: true, hideFilterButton: false });\n        setTimeout(() => innerRef.current.focus());\n      }\n    },\n    [handleSelectItem, id, isSingle, patchHeader],\n  );\n\n  return { onInputWrapperKeyDown, onMenuItemClick, onMenuItemKeyDown };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA4B;AAE5B,mBAAqD;AAS9C,MAAM,0BAA0B,CAAC;AAAA,EACtC,QAAQ,EAAE;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACiD;AACjD,QAAM,mBAAmB,8BACvB,CAAC,WAAW;AACV,QAAI,UAAU;AACZ,oBAAc,MAAM;AAAA,eACX,SAAS;AAClB,UAAI,oBAAoB;AAExB,UAAI,cAAc,SAAS,SAAS;AAClC,4BAAoB,cAAc,OAAO,CAAC,QAAQ,QAAQ;AAAA,aACrD;AACL,4BAAoB,CAAC,GAAG,eAAe;AAAA;AAEzC,oBAAc,MAAM;AAAA;AAAA,KAGxB,CAAC,UAAU,SAAS,eAAe,MAAM;AAG3C,QAAM,wBAAoD,8BAAY,CAAC,MAAM;AAC3E,QAAI,EAAE,SAAS;AAAa,0CAAkB,GAAG;AAAA,KAChD;AAEH,QAAM,kBAA4D,8BAChE,CAAC,WAAW,MAAM;AAChB,qBAAiB;AACjB,QAAI;AAAU,qCAA+B,IAAI;AAAA,KAEnD,CAAC,kBAAkB,IAAI,UAAU;AAGnC,QAAM,oBAAkE,8BACtE,CAAC,QAAQ,OAAO,cAAc,UAAU,aAAa,CAAC,MAAM;AAC1D,QAAI,EAAE,SAAS,WAAW;AACxB,UAAI,UAAU;AAAG,iBAAS,QAAQ;AAAA;AAC7B,4CAAkB,GAAG;AAAA;AAE5B,QAAI,EAAE,SAAS;AAAa,0CAAkB,GAAG;AACjD,QAAI,EAAE,SAAS,SAAS;AACtB,QAAE;AACF,uBAAiB;AACjB,UAAI,UAAU;AACZ,oBAAY,IAAI,EAAE,gBAAgB,MAAM,kBAAkB;AAC1D,mBAAW,MAAM,SAAS,QAAQ;AAAA;AAAA;AAGtC,QAAI,EAAE,SAAS,SAAS;AACtB,kBAAY,IAAI,EAAE,gBAAgB,MAAM,kBAAkB;AAC1D,iBAAW,MAAM,SAAS,QAAQ;AAAA;AAAA,KAGtC,CAAC,kBAAkB,IAAI,UAAU;AAGnC,SAAO,EAAE,uBAAuB,iBAAiB;AAAA;",
+  "names": []
+}

package/cjs/addons/Filters/Components/SelectFilter/utils.js

@@ -1,52 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var constants = require('../../../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react');
-require('react-virtual');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('../../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons');
-require('styled-components');
-require('../../../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../../../../parts/TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../../../DataTableContext.js');
-require('../../../../parts/Row.js');
-require('../../../../parts/Footer.js');
-require('../../../../parts/HoC/SortableItemContext.js');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var utils_exports = {};
+__export(utils_exports, {
+  focusNextMenuItem: () => focusNextMenuItem,
+  focusPrevMenuItem: () => focusPrevMenuItem
+});
+var React = __toESM(require("react"));
+var import_constants = require("../../../../configs/constants");
 const focusNextMenuItem = (e, index) => {
-  var _menuItems$item;
-
   e.preventDefault();
-  const menuItems = document.querySelectorAll("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM, "\"]"));
-  (_menuItems$item = menuItems.item(index + 1)) === null || _menuItems$item === void 0 ? void 0 : _menuItems$item.focus();
+  const menuItems = document.querySelectorAll(`[data-testid="${import_constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
+  menuItems.item(index + 1)?.focus();
 };
 const focusPrevMenuItem = (e, index) => {
-  var _menuItems$item2;
-
   e.preventDefault();
-  const menuItems = document.querySelectorAll("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM, "\"]"));
-  (_menuItems$item2 = menuItems.item(index - 1)) === null || _menuItems$item2 === void 0 ? void 0 : _menuItems$item2.focus();
+  const menuItems = document.querySelectorAll(`[data-testid="${import_constants.DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}"]`);
+  menuItems.item(index - 1)?.focus();
 };
-
-exports.focusNextMenuItem = focusNextMenuItem;
-exports.focusPrevMenuItem = focusPrevMenuItem;
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/cjs/addons/Filters/Components/SelectFilter/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SelectFilter/utils.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { DATA_TESTID } from '../../../../configs/constants';\n\nexport const focusNextMenuItem = (e, index) => {\n  e.preventDefault();\n  const menuItems = document.querySelectorAll<HTMLDivElement>(\n    `[data-testid=\"${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}\"]`,\n  );\n  menuItems.item(index + 1)?.focus();\n};\n\nexport const focusPrevMenuItem = (e, index) => {\n  e.preventDefault();\n  const menuItems = document.querySelectorAll<HTMLDivElement>(\n    `[data-testid=\"${DATA_TESTID.DATA_TABLE_SELECT_MENU_ITEM}\"]`,\n  );\n  menuItems.item(index - 1)?.focus();\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAErB,MAAM,oBAAoB,CAAC,GAAG,UAAU;AAC7C,IAAE;AACF,QAAM,YAAY,SAAS,iBACzB,iBAAiB,6BAAY;AAE/B,YAAU,KAAK,QAAQ,IAAI;AAAA;AAGtB,MAAM,oBAAoB,CAAC,GAAG,UAAU;AAC7C,IAAE;AACF,QAAM,YAAY,SAAS,iBACzB,iBAAiB,6BAAY;AAE/B,YAAU,KAAK,QAAQ,IAAI;AAAA;",
+  "names": []
+}

package/cjs/addons/Filters/Components/SingleDateFilter/index.js

@@ -1,105 +1,89 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var Grid = require('@elliemae/ds-grid');
-var dsControlledForm = require('@elliemae/ds-controlled-form');
-var FilterPopover = require('../../../../exported-related/FilterPopover.js');
-require('../../../../styled.js');
-require('../../../../DataTableContext.js');
-require('react/jsx-runtime');
-require('styled-components');
-require('@elliemae/ds-button');
-require('@elliemae/ds-utilities');
-var constants = require('../../../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('../../../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@elliemae/ds-form');
-require('../../../../parts/TableContent.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('../../../../parts/Row.js');
-require('../../../../parts/Footer.js');
-require('../../../../parts/HoC/SortableItemContext.js');
-require('uid');
-var FilterTypes = require('../../../../exported-related/FilterTypes.js');
-require('../../../../exported-related/Filters/applyOutOfTheBoxFilters.js');
-require('moment');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.some.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-var _DatePicker;
-const SingleDateFilter = props => {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var SingleDateFilter_exports = {};
+__export(SingleDateFilter_exports, {
+  SingleDateFilter: () => SingleDateFilter
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
+var import_exported_related = require("../../../../exported-related");
+var import_constants = require("../../../../configs/constants");
+const SingleDateFilter = (props) => {
   const {
     column,
-    column: {
-      id
-    },
+    column: { id },
     filterValue,
     reduxHeader,
     onValueChange,
     patchHeaderFilterButtonAndMenu,
     innerRef
   } = props;
-  const [date, setDate] = React.useState(filterValue || '');
-  React.useEffect(() => {
-    setDate(filterValue || '');
+  const [date, setDate] = (0, import_react.useState)(filterValue || "");
+  (0, import_react.useEffect)(() => {
+    setDate(filterValue || "");
   }, [filterValue]);
-  React.useEffect(() => {
-    if (!date.includes('_')) onValueChange(FilterTypes.FILTER_TYPES.SINGLE_DATE, date || undefined); // We are missing onValueChange on purpose, this is an internal function and won't cause any problems
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, import_react.useEffect)(() => {
+    if (!date.includes("_"))
+      onValueChange(import_exported_related.FILTER_TYPES.SINGLE_DATE, date || void 0);
   }, [date]);
-  const commitDateChange = React.useCallback(() => {
+  const commitDateChange = (0, import_react.useCallback)(() => {
     patchHeaderFilterButtonAndMenu(id, true);
   }, [id, patchHeaderFilterButtonAndMenu]);
-  return /*#__PURE__*/_jsx__default["default"](FilterPopover.FilterPopover, {
-    reduxHeader: reduxHeader,
-    column: column,
+  return /* @__PURE__ */ import_react.default.createElement(import_exported_related.FilterPopover, {
+    reduxHeader,
+    column,
     columnId: column.id,
-    menuContent: /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
-      "data-testid": constants.DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
+    menuContent: /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
       width: "260px"
-    }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
       p: "xxs",
-      style: {
-        background: 'white'
-      }
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
-      date: date,
+      style: { background: "white" }
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
+      date,
       onDateChange: setDate,
       type: "date-inputs",
       isClearable: true,
       autoFocus: true
-    })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
-      onKeyDown: e => e.code === 'Enter' && setTimeout(commitDateChange, 0)
-    }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
-      date: date,
+    })), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+      onKeyDown: (e) => e.code === "Enter" && setTimeout(commitDateChange, 0)
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
+      date,
       onDateChange: setDate,
       type: "date-picker-controller-only"
     }))),
-    triggerIcon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker2, {})),
-    innerRef: innerRef,
+    triggerIcon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker2, null),
+    innerRef,
     ariaLabel: "Open Single Date Filter"
   });
 };
-
-exports.SingleDateFilter = SingleDateFilter;
+module.exports = __toCommonJS(SingleDateFilter_exports);
+//# sourceMappingURL=index.js.map

package/cjs/addons/Filters/Components/SingleDateFilter/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/addons/Filters/Components/SingleDateFilter/index.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateTimePicker } from '@elliemae/ds-controlled-form';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nexport const SingleDateFilter: React.ComponentType<FilterProps> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue,\n    reduxHeader,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    innerRef,\n  } = props;\n\n  const [date, setDate] = useState(filterValue || '');\n\n  useEffect(() => {\n    setDate(filterValue || '');\n  }, [filterValue]);\n\n  useEffect(() => {\n    if (!date.includes('_')) onValueChange(FILTER_TYPES.SINGLE_DATE, date || undefined);\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  }, [date]);\n\n  const commitDateChange = useCallback(() => {\n    patchHeaderFilterButtonAndMenu(id, true);\n  }, [id, patchHeaderFilterButtonAndMenu]);\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={column.id}\n      menuContent={\n        <Grid data-testid={DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER} width=\"260px\">\n          <Grid p=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledDateTimePicker date={date} onDateChange={setDate} type=\"date-inputs\" isClearable autoFocus />\n          </Grid>\n          <Grid onKeyDown={(e) => e.code === 'Enter' && setTimeout(commitDateChange, 0)}>\n            <DSControlledDateTimePicker date={date} onDateChange={setDate} type=\"date-picker-controller-only\" />\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Single Date Filter\"\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,sBAA4B;AAC5B,qBAAqB;AACrB,gCAA2C;AAC3C,8BAA4C;AAE5C,uBAA4B;AAErB,MAAM,mBAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,CAAC,MAAM,WAAW,2BAAS,eAAe;AAEhD,8BAAU,MAAM;AACd,YAAQ,eAAe;AAAA,KACtB,CAAC;AAEJ,8BAAU,MAAM;AACd,QAAI,CAAC,KAAK,SAAS;AAAM,oBAAc,qCAAa,aAAa,QAAQ;AAAA,KAGxE,CAAC;AAEJ,QAAM,mBAAmB,8BAAY,MAAM;AACzC,mCAA+B,IAAI;AAAA,KAClC,CAAC,IAAI;AAER,SACE,mDAAC,uCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAU,OAAO;AAAA,IACjB,aACE,mDAAC,qBAAD;AAAA,MAAM,eAAa,6BAAY;AAAA,MAAmC,OAAM;AAAA,OACtE,mDAAC,qBAAD;AAAA,MAAM,GAAE;AAAA,MAAM,OAAO,EAAE,YAAY;AAAA,OACjC,mDAAC,sDAAD;AAAA,MAA4B;AAAA,MAAY,cAAc;AAAA,MAAS,MAAK;AAAA,MAAc,aAAW;AAAA,MAAC,WAAS;AAAA,SAEzG,mDAAC,qBAAD;AAAA,MAAM,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,WAAW,kBAAkB;AAAA,OACzE,mDAAC,sDAAD;AAAA,MAA4B;AAAA,MAAY,cAAc;AAAA,MAAS,MAAK;AAAA;AAAA,IAI1E,aAAa,mDAAC,6BAAD;AAAA,IACb;AAAA,IACA,WAAU;AAAA;AAAA;",
+  "names": []
+}