@elliemae/ds-datagrids 2.3.0-alpha.8 → 2.3.0-next.10

package/dist/cjs/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js

@@ -1,157 +0,0 @@
-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 DateRangeFilterMenu_exports = {};
-__export(DateRangeFilterMenu_exports, {
-  DateRangeFilterMenu: () => DateRangeFilterMenu,
-  default: () => DateRangeFilterMenu_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
-var import_ds_popper = require("@elliemae/ds-popper");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_moment = __toESM(require("moment"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_defaultDateFormat = require("./defaultDateFormat");
-const blockname = "date-range";
-const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
-const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header");
-const DateRangePickerContainer = ({ onChange = () => null, showHeader }) => {
-  const [startDate, setStartDate] = (0, import_react.useState)("");
-  const [endDate, setEndDate] = (0, import_react.useState)("");
-  const [lastChangeWasPicker, setLastChangeWasPicker] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    const startMoment = (0, import_moment.default)(startDate);
-    const endMoment = (0, import_moment.default)(endDate);
-    if (lastChangeWasPicker && startDate && !startDate.includes("_") && endDate && !endDate.includes("_") && endMoment.diff(startMoment) >= 0) {
-      onChange({ startDate: startMoment, endDate: endMoment });
-    }
-  }, [startDate, endDate, lastChangeWasPicker]);
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
-    "data-testid": "date-range__wrapper",
-    onKeyDown: (e) => e.code === "Enter" && setLastChangeWasPicker(true),
-    style: { backgroundColor: "white", boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)", width: "261px" }
-  }, showHeader && /* @__PURE__ */ import_react.default.createElement(Header, {
-    style: { padding: "8px", display: "flex", justifyContent: "center" }
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
-    fromDate: startDate,
-    onFromDateChange: (_start) => {
-      setStartDate(_start);
-      setLastChangeWasPicker(false);
-    },
-    toDate: endDate,
-    onToDateChange: (_end) => {
-      setEndDate(_end);
-      setLastChangeWasPicker(false);
-    },
-    type: "date-range-inputs"
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
-    fromDate: startDate,
-    onFromDateChange: (_start) => {
-      setStartDate(_start);
-      setLastChangeWasPicker(true);
-    },
-    toDate: endDate,
-    onToDateChange: (_end) => {
-      setEndDate(_end);
-      setLastChangeWasPicker(true);
-    },
-    type: "date-range-picker-controller-only"
-  }));
-};
-DateRangePickerContainer.propTypes = {
-  onChange: import_prop_types.default.func,
-  showHeader: import_prop_types.default.bool
-};
-const formatRangeDate = ({ startDate, endDate }, format = import_defaultDateFormat.DEFAULT_DATE_FORMAT) => {
-  const sameDay = startDate.isSame(endDate, "day");
-  if (sameDay)
-    return `${endDate.format(format)}`;
-  return `${startDate.format(format)} - ${endDate.format(format)}`;
-};
-function DateRangeFilterMenu({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = () => null,
-  placement = import_ds_popper.PopperPositions.BOTTOM_END,
-  onAddFilter = () => null,
-  dateFormatter = formatRangeDate,
-  showHeader = true,
-  menuProps
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-    contentComponent: /* @__PURE__ */ import_react.default.createElement("div", {
-      className
-    }, /* @__PURE__ */ import_react.default.createElement(DateRangePickerContainer, {
-      minimumNights: 0,
-      onChange: ({ startDate, endDate }) => {
-        startDate.startOf("day");
-        endDate.endOf("day");
-        onAddFilter({
-          group: column.property,
-          label: column.label,
-          value: dateFormatter({ startDate, endDate }),
-          type: "date",
-          filterParams: { start: startDate, end: endDate },
-          transformRowValue: (value) => (0, import_moment.default)(value, column.dateFormat || import_defaultDateFormat.DEFAULT_DATE_FORMAT),
-          operator: "range"
-        }, column);
-        onOpenMenu(false);
-      },
-      showHeader
-    })),
-    isOpen: isMenuOpened,
-    onOpen: onOpenMenu,
-    placement,
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-      buttonType: "text",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker2, null),
-      onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
-      size: "s"
-    }),
-    zIndex: menuProps.zIndex
-  });
-}
-DateRangeFilterMenu.propTypes = {
-  column: import_prop_types.default.any,
-  className: import_prop_types.default.string,
-  isMenuOpened: import_prop_types.default.bool,
-  onOpenMenu: import_prop_types.default.func,
-  placement: import_prop_types.default.string,
-  onAddFilter: import_prop_types.default.func,
-  dateFormatter: import_prop_types.default.any,
-  showHeader: import_prop_types.default.bool,
-  menuProps: import_prop_types.default.any
-};
-var DateRangeFilterMenu_default = DateRangeFilterMenu;
-module.exports = __toCommonJS(DateRangeFilterMenu_exports);
-//# sourceMappingURL=DateRangeFilterMenu.js.map

package/dist/cjs/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { DSControlledDateRangePicker } from '@elliemae/ds-controlled-form';\nimport { DSPopper, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat';\n\nconst blockname = 'date-range';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\nconst Header = aggregatedClasses('div')(blockname, 'header');\n\n// const randomString = (maxLength = 5) => Math.random().toString(36).slice(-maxLength);\n\nconst DateRangePickerContainer = ({ onChange = () => null, showHeader }) => {\n  const [startDate, setStartDate] = useState('');\n  const [endDate, setEndDate] = useState('');\n\n  // For some reason it worked like this\n  const [lastChangeWasPicker, setLastChangeWasPicker] = useState(false);\n\n  useEffect(() => {\n    const startMoment = moment(startDate);\n    const endMoment = moment(endDate);\n    if (\n      lastChangeWasPicker &&\n      startDate &&\n      !startDate.includes('_') &&\n      endDate &&\n      !endDate.includes('_') &&\n      endMoment.diff(startMoment) >= 0\n    ) {\n      onChange({ startDate: startMoment, endDate: endMoment });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate, lastChangeWasPicker]);\n\n  return (\n    <Wrapper\n      data-testid=\"date-range__wrapper\"\n      onKeyDown={(e) => e.code === 'Enter' && setLastChangeWasPicker(true)}\n      style={{ backgroundColor: 'white', boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)', width: '261px' }}\n    >\n      {showHeader && (\n        <Header style={{ padding: '8px', display: 'flex', justifyContent: 'center' }}>\n          <DSControlledDateRangePicker\n            fromDate={startDate}\n            onFromDateChange={(_start) => {\n              setStartDate(_start);\n              setLastChangeWasPicker(false);\n            }}\n            toDate={endDate}\n            onToDateChange={(_end) => {\n              setEndDate(_end);\n              setLastChangeWasPicker(false);\n            }}\n            type=\"date-range-inputs\"\n          />\n        </Header>\n      )}\n      <DSControlledDateRangePicker\n        fromDate={startDate}\n        onFromDateChange={(_start) => {\n          setStartDate(_start);\n          setLastChangeWasPicker(true);\n        }}\n        toDate={endDate}\n        onToDateChange={(_end) => {\n          setEndDate(_end);\n          setLastChangeWasPicker(true);\n        }}\n        type=\"date-range-picker-controller-only\"\n      />\n    </Wrapper>\n  );\n};\n\nDateRangePickerContainer.propTypes = {\n  onChange: PropTypes.func,\n  showHeader: PropTypes.bool,\n};\n\nconst formatRangeDate = ({ startDate, endDate }, format = DEFAULT_DATE_FORMAT) => {\n  const sameDay = startDate.isSame(endDate, 'day');\n  if (sameDay) return `${endDate.format(format)}`;\n  return `${startDate.format(format)} - ${endDate.format(format)}`;\n};\n\nfunction DateRangeFilterMenu({\n  column,\n  className,\n  isMenuOpened = false,\n  onOpenMenu = () => null,\n  placement = Position.BOTTOM_END,\n  onAddFilter = () => null,\n  dateFormatter = formatRangeDate,\n  showHeader = true,\n  menuProps,\n}) {\n  return (\n    <DSPopper\n      contentComponent={\n        <div className={className}>\n          <DateRangePickerContainer\n            minimumNights={0}\n            onChange={({ startDate, endDate }) => {\n              startDate.startOf('day');\n              endDate.endOf('day');\n              onAddFilter(\n                {\n                  group: column.property,\n                  label: column.label,\n                  value: dateFormatter({ startDate, endDate }),\n                  type: 'date', // todo: create constants for filter types\n                  filterParams: { start: startDate, end: endDate },\n                  transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),\n                  operator: 'range',\n                },\n                column,\n              );\n              onOpenMenu(false);\n            }}\n            showHeader={showHeader}\n          />\n        </div>\n      }\n      isOpen={isMenuOpened}\n      onOpen={onOpenMenu}\n      placement={placement}\n      showArrow={false}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<DatePicker2 />}\n          onClick={() => (!isMenuOpened ? onOpenMenu(true) : onOpenMenu(false))}\n          size=\"s\"\n        />\n      }\n      zIndex={menuProps.zIndex}\n    />\n  );\n}\n\nDateRangeFilterMenu.propTypes = {\n  column: PropTypes.any,\n  className: PropTypes.string,\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  placement: PropTypes.string,\n  onAddFilter: PropTypes.func,\n  dateFormatter: PropTypes.any,\n  showHeader: PropTypes.bool,\n  menuProps: PropTypes.any,\n};\n\nexport { DateRangeFilterMenu };\nexport default DateRangeFilterMenu;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js

@@ -1,131 +0,0 @@
-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 SingleDateFilterMenu_exports = {};
-__export(SingleDateFilterMenu_exports, {
-  SingleDateFilterMenu: () => SingleDateFilterMenu,
-  default: () => SingleDateFilterMenu_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
-var import_ds_popper = require("@elliemae/ds-popper");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_moment = __toESM(require("moment"));
-var import_defaultDateFormat = require("./defaultDateFormat");
-const SingleDatePickerContainer = ({ onChange = () => null, showHeader }) => {
-  const [date, setDate] = (0, import_react.useState)("");
-  const handleDateChange = (0, import_react.useCallback)((data) => {
-    if (!data.includes("_"))
-      onChange((0, import_moment.default)(data));
-    setDate(data);
-  }, [onChange]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)" }
-  }, showHeader && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    p: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
-    date,
-    onDateChange: handleDateChange,
-    type: "date-inputs",
-    isClearable: true
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
-    date,
-    onDateChange: handleDateChange,
-    type: "date-picker-controller-only"
-  }));
-};
-SingleDatePickerContainer.propTypes = {
-  onChange: import_prop_types.default.func,
-  showHeader: import_prop_types.default.bool
-};
-const formatDate = (date, format = import_defaultDateFormat.DEFAULT_DATE_FORMAT) => date.format(format);
-function SingleDateFilterMenu({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = () => null,
-  placement = import_ds_popper.PopperPositions.BOTTOM_END,
-  onAddFilter = () => null,
-  dateFormatter = formatDate,
-  showHeader = false,
-  menuProps
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-    contentComponent: /* @__PURE__ */ import_react.default.createElement("div", {
-      className,
-      "data-testid": "date-single__wrapper"
-    }, /* @__PURE__ */ import_react.default.createElement(SingleDatePickerContainer, {
-      minimumNights: 0,
-      onChange: (date) => {
-        const t = date.clone();
-        onAddFilter({
-          group: column.property,
-          label: column.label,
-          value: dateFormatter(date, column.dateFormat),
-          type: "date",
-          operator: "range",
-          filterParams: {
-            start: date.startOf("day"),
-            end: t.endOf("day")
-          },
-          transformRowValue: (value) => (0, import_moment.default)(value, column.dateFormat || import_defaultDateFormat.DEFAULT_DATE_FORMAT)
-        }, column);
-        onOpenMenu(false);
-      },
-      showHeader
-    })),
-    isOpen: isMenuOpened,
-    onOpen: onOpenMenu,
-    placement,
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-      buttonType: "text",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker2, null),
-      onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
-      size: "s"
-    }),
-    zIndex: menuProps.zIndex
-  });
-}
-SingleDateFilterMenu.propTypes = {
-  column: import_prop_types.default.any,
-  className: import_prop_types.default.string,
-  isMenuOpened: import_prop_types.default.bool,
-  onOpenMenu: import_prop_types.default.func,
-  placement: import_prop_types.default.string,
-  onAddFilter: import_prop_types.default.func,
-  dateFormatter: import_prop_types.default.any,
-  showHeader: import_prop_types.default.bool,
-  menuProps: import_prop_types.default.any
-};
-var SingleDateFilterMenu_default = SingleDateFilterMenu;
-module.exports = __toCommonJS(SingleDateFilterMenu_exports);
-//# sourceMappingURL=SingleDateFilterMenu.js.map

package/dist/cjs/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateTimePicker } from '@elliemae/ds-controlled-form';\nimport { DSPopper, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport moment from 'moment';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat';\n\nconst SingleDatePickerContainer = ({ onChange = () => null, showHeader }) => {\n  const [date, setDate] = useState('');\n\n  const handleDateChange = useCallback(\n    (data) => {\n      if (!data.includes('_')) onChange(moment(data));\n      setDate(data);\n    },\n    [onChange],\n  );\n\n  return (\n    <div style={{ boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)' }}>\n      {showHeader && (\n        <Grid p=\"xxs\">\n          <DSControlledDateTimePicker date={date} onDateChange={handleDateChange} type=\"date-inputs\" isClearable />\n        </Grid>\n      )}\n      <DSControlledDateTimePicker date={date} onDateChange={handleDateChange} type=\"date-picker-controller-only\" />\n    </div>\n  );\n};\n\nSingleDatePickerContainer.propTypes = {\n  onChange: PropTypes.func,\n  showHeader: PropTypes.bool,\n};\n\nconst formatDate = (date, format = DEFAULT_DATE_FORMAT) => date.format(format);\n\nfunction SingleDateFilterMenu({\n  column,\n  className,\n  isMenuOpened = false,\n  onOpenMenu = () => null,\n  placement = Position.BOTTOM_END,\n  onAddFilter = () => null,\n  dateFormatter = formatDate,\n  showHeader = false,\n  menuProps,\n}) {\n  return (\n    <DSPopper\n      contentComponent={\n        <div className={className} data-testid=\"date-single__wrapper\">\n          <SingleDatePickerContainer\n            minimumNights={0}\n            onChange={(date) => {\n              const t = date.clone();\n              onAddFilter(\n                {\n                  group: column.property,\n                  label: column.label,\n                  value: dateFormatter(date, column.dateFormat),\n                  type: 'date',\n                  operator: 'range',\n                  filterParams: {\n                    start: date.startOf('day'),\n                    end: t.endOf('day'),\n                  },\n                  transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),\n                },\n                column,\n              );\n              onOpenMenu(false);\n            }}\n            showHeader={showHeader}\n          />\n        </div>\n      }\n      isOpen={isMenuOpened}\n      onOpen={onOpenMenu}\n      placement={placement}\n      showArrow={false}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<DatePicker2 />}\n          onClick={() => (!isMenuOpened ? onOpenMenu(true) : onOpenMenu(false))}\n          size=\"s\"\n        />\n      }\n      zIndex={menuProps.zIndex}\n    />\n  );\n}\n\nSingleDateFilterMenu.propTypes = {\n  column: PropTypes.any,\n  className: PropTypes.string,\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  placement: PropTypes.string,\n  onAddFilter: PropTypes.func,\n  dateFormatter: PropTypes.any,\n  showHeader: PropTypes.bool,\n  menuProps: PropTypes.any,\n};\n\nexport { SingleDateFilterMenu };\nexport default SingleDateFilterMenu;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,wBAAsB;AACtB,qBAAqB;AACrB,gCAA2C;AAC3C,uBAAsD;AACtD,sBAA4B;AAC5B,uBAAyB;AACzB,oBAAmB;AACnB,+BAAoC;AAEpC,MAAM,4BAA4B,CAAC,EAAE,WAAW,MAAM,MAAM,iBAAiB;AAC3E,QAAM,CAAC,MAAM,WAAW,2BAAS;AAEjC,QAAM,mBAAmB,8BACvB,CAAC,SAAS;AACR,QAAI,CAAC,KAAK,SAAS;AAAM,eAAS,2BAAO;AACzC,YAAQ;AAAA,KAEV,CAAC;AAGH,SACE,mDAAC,OAAD;AAAA,IAAK,OAAO,EAAE,WAAW;AAAA,KACtB,cACC,mDAAC,qBAAD;AAAA,IAAM,GAAE;AAAA,KACN,mDAAC,sDAAD;AAAA,IAA4B;AAAA,IAAY,cAAc;AAAA,IAAkB,MAAK;AAAA,IAAc,aAAW;AAAA,OAG1G,mDAAC,sDAAD;AAAA,IAA4B;AAAA,IAAY,cAAc;AAAA,IAAkB,MAAK;AAAA;AAAA;AAKnF,0BAA0B,YAAY;AAAA,EACpC,UAAU,0BAAU;AAAA,EACpB,YAAY,0BAAU;AAAA;AAGxB,MAAM,aAAa,CAAC,MAAM,SAAS,iDAAwB,KAAK,OAAO;AAEvE,8BAA8B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa,MAAM;AAAA,EACnB,YAAY,iCAAS;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AAAA,GACC;AACD,SACE,mDAAC,2BAAD;AAAA,IACE,kBACE,mDAAC,OAAD;AAAA,MAAK;AAAA,MAAsB,eAAY;AAAA,OACrC,mDAAC,2BAAD;AAAA,MACE,eAAe;AAAA,MACf,UAAU,CAAC,SAAS;AAClB,cAAM,IAAI,KAAK;AACf,oBACE;AAAA,UACE,OAAO,OAAO;AAAA,UACd,OAAO,OAAO;AAAA,UACd,OAAO,cAAc,MAAM,OAAO;AAAA,UAClC,MAAM;AAAA,UACN,UAAU;AAAA,UACV,cAAc;AAAA,YACZ,OAAO,KAAK,QAAQ;AAAA,YACpB,KAAK,EAAE,MAAM;AAAA;AAAA,UAEf,mBAAmB,CAAC,UAAU,2BAAO,OAAO,OAAO,cAAc;AAAA,WAEnE;AAEF,mBAAW;AAAA;AAAA,MAEb;AAAA;AAAA,IAIN,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,kBACE,mDAAC,2BAAD;AAAA,MACE,YAAW;AAAA,MACX,MAAM,mDAAC,6BAAD;AAAA,MACN,SAAS,MAAO,CAAC,eAAe,WAAW,QAAQ,WAAW;AAAA,MAC9D,MAAK;AAAA;AAAA,IAGT,QAAQ,UAAU;AAAA;AAAA;AAKxB,qBAAqB,YAAY;AAAA,EAC/B,QAAQ,0BAAU;AAAA,EAClB,WAAW,0BAAU;AAAA,EACrB,cAAc,0BAAU;AAAA,EACxB,YAAY,0BAAU;AAAA,EACtB,WAAW,0BAAU;AAAA,EACrB,aAAa,0BAAU;AAAA,EACvB,eAAe,0BAAU;AAAA,EACzB,YAAY,0BAAU;AAAA,EACtB,WAAW,0BAAU;AAAA;AAIvB,IAAO,+BAAQ;",
-  "names": []
-}

package/dist/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js

@@ -1,201 +0,0 @@
-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 SingleRangeSwitcherMenu_exports = {};
-__export(SingleRangeSwitcherMenu_exports, {
-  SingleRangeSwitcherMenu: () => SingleRangeSwitcherMenu,
-  default: () => SingleRangeSwitcherMenu_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_controlled_form = require("@elliemae/ds-controlled-form");
-var import_ds_popper = require("@elliemae/ds-popper");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_button = require("@elliemae/ds-button");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_moment = __toESM(require("moment"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_defaultDateFormat = require("./defaultDateFormat");
-const StyledGridWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  .notCurrentMonth {
-    opacity: ${(props) => props.enableOutsideDays ? "1" : "0"};
-    pointer-events: ${(props) => props.enableOutsideDays ? "auto" : "none"};
-  }
-`;
-const noop = (...args) => {
-};
-const SingleRangeSwitcherContainer = ({ onChange = noop, enableOutsideDays }) => {
-  const [startDate, setStartDate] = (0, import_react.useState)("");
-  const [endDate, setEndDate] = (0, import_react.useState)("");
-  const [lastChangeWasPicker, setLastChangeWasPicker] = (0, import_react.useState)(false);
-  const [isDateRange, setIsDateRange] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    const startMoment = (0, import_moment.default)(startDate);
-    const endMoment = (0, import_moment.default)(endDate);
-    if (lastChangeWasPicker && startDate && !startDate.includes("_") && endDate && !endDate.includes("_") && endMoment.diff(startMoment) >= 0) {
-      onChange({ startDate: startMoment, endDate: endMoment });
-    }
-  }, [startDate, endDate, lastChangeWasPicker]);
-  return /* @__PURE__ */ import_react.default.createElement(StyledGridWrapper, {
-    "data-testid": "date-single-range__wrapper",
-    style: {
-      backgroundColor: "white",
-      boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)",
-      width: "261px",
-      display: "grid",
-      justifyContent: "center"
-    },
-    cols: ["100%"],
-    enableOutsideDays,
-    onKeyDown: (e) => e.code === "Enter" && setLastChangeWasPicker(true)
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    gutter: "xxs",
-    alignItems: "center",
-    p: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledCheckbox, {
-    checked: isDateRange,
-    name: "Date range",
-    label: "Range",
-    id: "date-range-switcher-id-internal",
-    onChange: () => {
-      setIsDateRange(!isDateRange);
-      setStartDate("");
-      setEndDate("");
-    }
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { width: "fit-content" }
-  }, isDateRange ? /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
-    fromDate: startDate,
-    onFromDateChange: (_start) => {
-      setStartDate(_start);
-      setLastChangeWasPicker(false);
-    },
-    toDate: endDate,
-    onToDateChange: (_end) => {
-      setEndDate(_end);
-      setLastChangeWasPicker(false);
-    },
-    type: "date-range-inputs"
-  }) : /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
-    date: startDate,
-    onDateChange: (_date) => {
-      setLastChangeWasPicker(false);
-      setStartDate(_date);
-      setEndDate(_date);
-    },
-    type: "date-inputs"
-  }))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, isDateRange ? /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
-    fromDate: startDate,
-    onFromDateChange: (_start) => {
-      setStartDate(_start);
-      setLastChangeWasPicker(true);
-    },
-    toDate: endDate,
-    onToDateChange: (_end) => {
-      setEndDate(_end);
-      setLastChangeWasPicker(true);
-    },
-    type: "date-range-picker-controller-only"
-  }) : /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
-    date: startDate,
-    onDateChange: (_date) => {
-      setLastChangeWasPicker(true);
-      setStartDate(_date);
-      setEndDate(_date);
-    },
-    type: "date-picker-controller-only"
-  })));
-};
-SingleRangeSwitcherContainer.propTypes = {
-  onChange: import_prop_types.default.func,
-  enableOutsideDays: import_prop_types.default.bool
-};
-const formatRangeDate = ({ startDate, endDate }, format = import_defaultDateFormat.DEFAULT_DATE_FORMAT) => {
-  const sameDay = startDate.isSame(endDate, "day");
-  if (sameDay)
-    return `${endDate.format(format)}`;
-  return `${startDate.format(format)} - ${endDate.format(format)}`;
-};
-function SingleRangeSwitcherMenu({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = noop,
-  placement = import_ds_popper.PopperPositions.BOTTOM_END,
-  onAddFilter = noop,
-  dateFormatter = formatRangeDate,
-  enableOutsideDays = true,
-  menuProps
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-    contentComponent: /* @__PURE__ */ import_react.default.createElement("div", {
-      className
-    }, /* @__PURE__ */ import_react.default.createElement(SingleRangeSwitcherContainer, {
-      enableOutsideDays,
-      onChange: ({ startDate, endDate }) => {
-        startDate.startOf("day");
-        endDate.endOf("day");
-        onAddFilter({
-          group: column.property,
-          label: column.label,
-          value: dateFormatter({ startDate, endDate }, column.format),
-          type: "date",
-          filterParams: { start: startDate, end: endDate },
-          transformRowValue: (value) => (0, import_moment.default)(value, column.dateFormat || import_defaultDateFormat.DEFAULT_DATE_FORMAT),
-          operator: "range"
-        }, column);
-        onOpenMenu(false);
-      }
-    })),
-    isOpen: isMenuOpened,
-    onOpen: onOpenMenu,
-    placement,
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
-      buttonType: "text",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker2, null),
-      onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
-      size: "s"
-    }),
-    zIndex: menuProps.zIndex
-  });
-}
-SingleRangeSwitcherMenu.propTypes = {
-  column: import_prop_types.default.any,
-  className: import_prop_types.default.string,
-  isMenuOpened: import_prop_types.default.bool,
-  onOpenMenu: import_prop_types.default.func,
-  placement: import_prop_types.default.string,
-  onAddFilter: import_prop_types.default.func,
-  dateFormatter: import_prop_types.default.any,
-  enableOutsideDays: import_prop_types.default.bool,
-  menuProps: import_prop_types.default.any
-};
-var SingleRangeSwitcherMenu_default = SingleRangeSwitcherMenu;
-module.exports = __toCommonJS(SingleRangeSwitcherMenu_exports);
-//# sourceMappingURL=SingleRangeSwitcherMenu.js.map

package/dist/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  DSControlledDateTimePicker,\n  DSControlledDateRangePicker,\n  DSControlledCheckbox,\n} from '@elliemae/ds-controlled-form';\nimport { DSPopper, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\nimport moment from 'moment';\nimport styled from 'styled-components';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat';\n\nconst StyledGridWrapper = styled(Grid)`\n  .notCurrentMonth {\n    opacity: ${(props) => (props.enableOutsideDays ? '1' : '0')};\n    pointer-events: ${(props) => (props.enableOutsideDays ? 'auto' : 'none')};\n  }\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function\nconst noop = (...args) => {};\n\nconst SingleRangeSwitcherContainer = ({ onChange = noop, enableOutsideDays }) => {\n  const [startDate, setStartDate] = useState('');\n  const [endDate, setEndDate] = useState('');\n\n  // For some reason it worked like this\n  const [lastChangeWasPicker, setLastChangeWasPicker] = useState(false);\n\n  const [isDateRange, setIsDateRange] = useState(false);\n\n  useEffect(() => {\n    const startMoment = moment(startDate);\n    const endMoment = moment(endDate);\n    if (\n      lastChangeWasPicker &&\n      startDate &&\n      !startDate.includes('_') &&\n      endDate &&\n      !endDate.includes('_') &&\n      endMoment.diff(startMoment) >= 0\n    ) {\n      onChange({ startDate: startMoment, endDate: endMoment });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate, lastChangeWasPicker]);\n\n  return (\n    <StyledGridWrapper\n      data-testid=\"date-single-range__wrapper\"\n      style={{\n        backgroundColor: 'white',\n        boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)',\n        width: '261px',\n        display: 'grid',\n        justifyContent: 'center',\n      }}\n      cols={['100%']}\n      enableOutsideDays={enableOutsideDays}\n      onKeyDown={(e) => e.code === 'Enter' && setLastChangeWasPicker(true)}\n    >\n      <Grid gutter=\"xxs\" alignItems=\"center\" p=\"xxs\">\n        <DSControlledCheckbox\n          checked={isDateRange}\n          name=\"Date range\"\n          label=\"Range\"\n          id=\"date-range-switcher-id-internal\"\n          onChange={() => {\n            setIsDateRange(!isDateRange);\n            setStartDate('');\n            setEndDate('');\n          }}\n        />\n        <div style={{ width: 'fit-content' }}>\n          {isDateRange ? (\n            <DSControlledDateRangePicker\n              fromDate={startDate}\n              onFromDateChange={(_start) => {\n                setStartDate(_start);\n                setLastChangeWasPicker(false);\n              }}\n              toDate={endDate}\n              onToDateChange={(_end) => {\n                setEndDate(_end);\n                setLastChangeWasPicker(false);\n              }}\n              type=\"date-range-inputs\"\n            />\n          ) : (\n            <DSControlledDateTimePicker\n              date={startDate}\n              onDateChange={(_date) => {\n                setLastChangeWasPicker(false);\n                setStartDate(_date);\n                setEndDate(_date);\n              }}\n              type=\"date-inputs\"\n            />\n          )}\n        </div>\n      </Grid>\n      <Grid>\n        {isDateRange ? (\n          <DSControlledDateRangePicker\n            fromDate={startDate}\n            onFromDateChange={(_start) => {\n              setStartDate(_start);\n              setLastChangeWasPicker(true);\n            }}\n            toDate={endDate}\n            onToDateChange={(_end) => {\n              setEndDate(_end);\n              setLastChangeWasPicker(true);\n            }}\n            type=\"date-range-picker-controller-only\"\n          />\n        ) : (\n          <DSControlledDateTimePicker\n            date={startDate}\n            onDateChange={(_date) => {\n              setLastChangeWasPicker(true);\n              setStartDate(_date);\n              setEndDate(_date);\n            }}\n            type=\"date-picker-controller-only\"\n          />\n        )}\n      </Grid>\n    </StyledGridWrapper>\n  );\n};\n\nSingleRangeSwitcherContainer.propTypes = {\n  onChange: PropTypes.func,\n  enableOutsideDays: PropTypes.bool,\n};\n\nconst formatRangeDate = ({ startDate, endDate }, format = DEFAULT_DATE_FORMAT) => {\n  const sameDay = startDate.isSame(endDate, 'day');\n  if (sameDay) return `${endDate.format(format)}`;\n  return `${startDate.format(format)} - ${endDate.format(format)}`;\n};\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nfunction SingleRangeSwitcherMenu({\n  column,\n  className,\n  isMenuOpened = false,\n  onOpenMenu = noop,\n  placement = Position.BOTTOM_END,\n  onAddFilter = noop,\n  dateFormatter = formatRangeDate,\n  enableOutsideDays = true,\n  menuProps,\n}): JSX.Element {\n  return (\n    <DSPopper\n      contentComponent={\n        <div className={className}>\n          <SingleRangeSwitcherContainer\n            enableOutsideDays={enableOutsideDays}\n            onChange={({ startDate, endDate }) => {\n              startDate.startOf('day');\n              endDate.endOf('day');\n              onAddFilter(\n                {\n                  group: column.property,\n                  label: column.label,\n                  value: dateFormatter({ startDate, endDate }, column.format),\n                  type: 'date', // todo: create constants for filter types\n                  filterParams: { start: startDate, end: endDate },\n                  transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),\n                  operator: 'range',\n                },\n                column,\n              );\n              onOpenMenu(false);\n            }}\n          />\n        </div>\n      }\n      isOpen={isMenuOpened}\n      onOpen={onOpenMenu}\n      placement={placement}\n      showArrow={false}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<DatePicker2 />}\n          onClick={() => (!isMenuOpened ? onOpenMenu(true) : onOpenMenu(false))}\n          size=\"s\"\n        />\n      }\n      zIndex={menuProps.zIndex}\n    />\n  );\n}\n\nSingleRangeSwitcherMenu.propTypes = {\n  column: PropTypes.any,\n  className: PropTypes.string,\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  placement: PropTypes.string,\n  onAddFilter: PropTypes.func,\n  dateFormatter: PropTypes.any,\n  enableOutsideDays: PropTypes.bool,\n  menuProps: PropTypes.any,\n};\n\nexport { SingleRangeSwitcherMenu };\nexport default SingleRangeSwitcherMenu;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}