@elliemae/ds-datagrids 3.26.1-rc.1 → 3.27.0-next.2

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

@@ -1,149 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import PropTypes from "prop-types";
-import { DSControlledDateRangePicker } from "@elliemae/ds-controlled-form";
-import { DSPopper, PopperPositions as Position } from "@elliemae/ds-popper";
-import { DatePicker2 } from "@elliemae/ds-icons";
-import { DSButton } from "@elliemae/ds-button";
-import moment from "moment";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { DEFAULT_DATE_FORMAT } from "./defaultDateFormat.js";
-const blockname = "date-range";
-const Wrapper = aggregatedClasses("div")(blockname, "wrapper");
-const Header = aggregatedClasses("div")(blockname, "header");
-const DateRangePickerContainer = ({ onChange = () => null, showHeader }) => {
-  const [startDate, setStartDate] = useState("");
-  const [endDate, setEndDate] = useState("");
-  const [lastChangeWasPicker, setLastChangeWasPicker] = useState(false);
-  useEffect(() => {
-    const startMoment = moment(startDate);
-    const endMoment = moment(endDate);
-    if (lastChangeWasPicker && startDate && !startDate.includes("_") && endDate && !endDate.includes("_") && endMoment.diff(startMoment) >= 0) {
-      onChange({ startDate: startMoment, endDate: endMoment });
-    }
-  }, [startDate, endDate, lastChangeWasPicker]);
-  return /* @__PURE__ */ jsxs(
-    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" },
-      children: [
-        showHeader && /* @__PURE__ */ jsx(Header, { style: { padding: "8px", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
-          DSControlledDateRangePicker,
-          {
-            fromDate: startDate,
-            onFromDateChange: (_start) => {
-              setStartDate(_start);
-              setLastChangeWasPicker(false);
-            },
-            toDate: endDate,
-            onToDateChange: (_end) => {
-              setEndDate(_end);
-              setLastChangeWasPicker(false);
-            },
-            type: "date-range-inputs"
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          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: PropTypes.func,
-  showHeader: PropTypes.bool
-};
-const formatRangeDate = ({ startDate, endDate }, format = DEFAULT_DATE_FORMAT) => {
-  const sameDay = startDate.isSame(endDate, "day");
-  if (sameDay)
-    return `${endDate.format(format)}`;
-  return `${startDate.format(format)} - ${endDate.format(format)}`;
-};
-const DateRangeFilterMenu = ({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = () => null,
-  placement = Position.BOTTOM_END,
-  onAddFilter = () => null,
-  dateFormatter = formatRangeDate,
-  showHeader = true,
-  menuProps
-}) => /* @__PURE__ */ jsx(
-  DSPopper,
-  {
-    contentComponent: /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
-      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",
-              // todo: create constants for filter types
-              filterParams: { start: startDate, end: endDate },
-              transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),
-              operator: "range"
-            },
-            column
-          );
-          onOpenMenu(false);
-        },
-        showHeader
-      }
-    ) }),
-    isOpen: isMenuOpened,
-    onOpen: onOpenMenu,
-    placement,
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ jsx(
-      DSButton,
-      {
-        buttonType: "text",
-        icon: /* @__PURE__ */ jsx(DatePicker2, {}),
-        onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
-        size: "s"
-      }
-    ),
-    zIndex: menuProps.zIndex
-  }
-);
-DateRangeFilterMenu.propTypes = {
-  column: PropTypes.any,
-  className: PropTypes.string,
-  isMenuOpened: PropTypes.bool,
-  onOpenMenu: PropTypes.func,
-  placement: PropTypes.string,
-  onAddFilter: PropTypes.func,
-  dateFormatter: PropTypes.any,
-  showHeader: PropTypes.bool,
-  menuProps: PropTypes.any
-};
-var DateRangeFilterMenu_default = DateRangeFilterMenu;
-export {
-  DateRangeFilterMenu,
-  DateRangeFilterMenu_default as default
-};
-//# sourceMappingURL=DateRangeFilterMenu.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/DateRangeFilterMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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.js';\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\nconst 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  <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\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"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,103 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import PropTypes from "prop-types";
-import { Grid } from "@elliemae/ds-grid";
-import { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
-import { DSPopper, PopperPositions as Position } from "@elliemae/ds-popper";
-import { DatePicker2 } from "@elliemae/ds-icons";
-import { DSButton } from "@elliemae/ds-button";
-import moment from "moment";
-import { DEFAULT_DATE_FORMAT } from "./defaultDateFormat.js";
-const SingleDatePickerContainer = ({ onChange = () => null, showHeader }) => {
-  const [date, setDate] = useState("");
-  const handleDateChange = useCallback(
-    (data) => {
-      if (!data.includes("_"))
-        onChange(moment(data));
-      setDate(data);
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxs("div", { style: { boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)" }, children: [
-    showHeader && /* @__PURE__ */ jsx(Grid, { p: "xxs", children: /* @__PURE__ */ jsx(DSControlledDateTimePicker, { date, onDateChange: handleDateChange, type: "date-inputs", isClearable: true }) }),
-    /* @__PURE__ */ jsx(DSControlledDateTimePicker, { date, onDateChange: handleDateChange, type: "date-picker-controller-only" })
-  ] });
-};
-SingleDatePickerContainer.propTypes = {
-  onChange: PropTypes.func,
-  showHeader: PropTypes.bool
-};
-const formatDate = (date, format = DEFAULT_DATE_FORMAT) => date.format(format);
-const SingleDateFilterMenu = ({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = () => null,
-  placement = Position.BOTTOM_END,
-  onAddFilter = () => null,
-  dateFormatter = formatDate,
-  showHeader = false,
-  menuProps
-}) => /* @__PURE__ */ jsx(
-  DSPopper,
-  {
-    contentComponent: /* @__PURE__ */ jsx("div", { className, "data-testid": "date-single__wrapper", children: /* @__PURE__ */ jsx(
-      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) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT)
-            },
-            column
-          );
-          onOpenMenu(false);
-        },
-        showHeader
-      }
-    ) }),
-    isOpen: isMenuOpened,
-    onOpen: onOpenMenu,
-    placement,
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ jsx(
-      DSButton,
-      {
-        buttonType: "text",
-        icon: /* @__PURE__ */ jsx(DatePicker2, {}),
-        onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
-        size: "s"
-      }
-    ),
-    zIndex: menuProps.zIndex
-  }
-);
-SingleDateFilterMenu.propTypes = {
-  column: PropTypes.any,
-  className: PropTypes.string,
-  isMenuOpened: PropTypes.bool,
-  onOpenMenu: PropTypes.func,
-  placement: PropTypes.string,
-  onAddFilter: PropTypes.func,
-  dateFormatter: PropTypes.any,
-  showHeader: PropTypes.bool,
-  menuProps: PropTypes.any
-};
-var SingleDateFilterMenu_default = SingleDateFilterMenu;
-export {
-  SingleDateFilterMenu,
-  SingleDateFilterMenu_default as default
-};
-//# sourceMappingURL=SingleDateFilterMenu.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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.js';\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\nconst 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  <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\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACsBnB,SAGM,KAHN;AAtBJ,SAAgB,aAAa,gBAAgB;AAC7C,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,kCAAkC;AAC3C,SAAS,UAAU,mBAAmB,gBAAgB;AACtD,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,OAAO,YAAY;AACnB,SAAS,2BAA2B;AAEpC,MAAM,4BAA4B,CAAC,EAAE,WAAW,MAAM,MAAM,WAAW,MAAM;AAC3E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AAEnC,QAAM,mBAAmB;AAAA,IACvB,CAAC,SAAS;AACR,UAAI,CAAC,KAAK,SAAS,GAAG;AAAG,iBAAS,OAAO,IAAI,CAAC;AAC9C,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,qBAAC,SAAI,OAAO,EAAE,WAAW,gCAAgC,GACtD;AAAA,kBACC,oBAAC,QAAK,GAAE,OACN,8BAAC,8BAA2B,MAAY,cAAc,kBAAkB,MAAK,eAAc,aAAW,MAAC,GACzG;AAAA,IAEF,oBAAC,8BAA2B,MAAY,cAAc,kBAAkB,MAAK,+BAA8B;AAAA,KAC7G;AAEJ;AAEA,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AACxB;AAEA,MAAM,aAAa,CAAC,MAAM,SAAS,wBAAwB,KAAK,OAAO,MAAM;AAE7E,MAAM,uBAAuB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa,MAAM;AAAA,EACnB,YAAY,SAAS;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,kBACE,oBAAC,SAAI,WAAsB,eAAY,wBACrC;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf,UAAU,CAAC,SAAS;AAClB,gBAAM,IAAI,KAAK,MAAM;AACrB;AAAA,YACE;AAAA,cACE,OAAO,OAAO;AAAA,cACd,OAAO,OAAO;AAAA,cACd,OAAO,cAAc,MAAM,OAAO,UAAU;AAAA,cAC5C,MAAM;AAAA,cACN,UAAU;AAAA,cACV,cAAc;AAAA,gBACZ,OAAO,KAAK,QAAQ,KAAK;AAAA,gBACzB,KAAK,EAAE,MAAM,KAAK;AAAA,cACpB;AAAA,cACA,mBAAmB,CAAC,UAAU,OAAO,OAAO,OAAO,cAAc,mBAAmB;AAAA,YACtF;AAAA,YACA;AAAA,UACF;AACA,qBAAW,KAAK;AAAA,QAClB;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IAEF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,kBACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,MAAM,oBAAC,eAAY;AAAA,QACnB,SAAS,MAAO,CAAC,eAAe,WAAW,IAAI,IAAI,WAAW,KAAK;AAAA,QACnE,MAAK;AAAA;AAAA,IACP;AAAA,IAEF,QAAQ,UAAU;AAAA;AACpB;AAGF,qBAAqB,YAAY;AAAA,EAC/B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,cAAc,UAAU;AAAA,EACxB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AAAA,EACrB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AACvB;AAGA,IAAO,+BAAQ;",
-  "names": []
-}

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

@@ -1,205 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import PropTypes from "prop-types";
-import {
-  DSControlledDateTimePicker,
-  DSControlledDateRangePicker,
-  DSControlledCheckbox
-} from "@elliemae/ds-controlled-form";
-import { DSPopper, PopperPositions as Position } from "@elliemae/ds-popper";
-import { DatePicker2 } from "@elliemae/ds-icons";
-import { DSButton } from "@elliemae/ds-button";
-import { Grid } from "@elliemae/ds-grid";
-import moment from "moment";
-import { styled } from "@elliemae/ds-system";
-import { DEFAULT_DATE_FORMAT } from "./defaultDateFormat.js";
-const StyledGridWrapper = styled(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] = useState("");
-  const [endDate, setEndDate] = useState("");
-  const [lastChangeWasPicker, setLastChangeWasPicker] = useState(false);
-  const [isDateRange, setIsDateRange] = useState(false);
-  useEffect(() => {
-    const startMoment = moment(startDate);
-    const endMoment = moment(endDate);
-    if (lastChangeWasPicker && startDate && !startDate.includes("_") && endDate && !endDate.includes("_") && endMoment.diff(startMoment) >= 0) {
-      onChange({ startDate: startMoment, endDate: endMoment });
-    }
-  }, [startDate, endDate, lastChangeWasPicker]);
-  return /* @__PURE__ */ jsxs(
-    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),
-      children: [
-        /* @__PURE__ */ jsxs(Grid, { gutter: "xxs", alignItems: "center", p: "xxs", children: [
-          /* @__PURE__ */ jsx(
-            DSControlledCheckbox,
-            {
-              checked: isDateRange,
-              name: "Date range",
-              label: "Range",
-              id: "date-range-switcher-id-internal",
-              onChange: () => {
-                setIsDateRange(!isDateRange);
-                setStartDate("");
-                setEndDate("");
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { style: { width: "fit-content" }, children: isDateRange ? /* @__PURE__ */ jsx(
-            DSControlledDateRangePicker,
-            {
-              fromDate: startDate,
-              onFromDateChange: (_start) => {
-                setStartDate(_start);
-                setLastChangeWasPicker(false);
-              },
-              toDate: endDate,
-              onToDateChange: (_end) => {
-                setEndDate(_end);
-                setLastChangeWasPicker(false);
-              },
-              type: "date-range-inputs"
-            }
-          ) : /* @__PURE__ */ jsx(
-            DSControlledDateTimePicker,
-            {
-              date: startDate,
-              onDateChange: (_date) => {
-                setLastChangeWasPicker(false);
-                setStartDate(_date);
-                setEndDate(_date);
-              },
-              type: "date-inputs"
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsx(Grid, { children: isDateRange ? /* @__PURE__ */ jsx(
-          DSControlledDateRangePicker,
-          {
-            fromDate: startDate,
-            onFromDateChange: (_start) => {
-              setStartDate(_start);
-              setLastChangeWasPicker(true);
-            },
-            toDate: endDate,
-            onToDateChange: (_end) => {
-              setEndDate(_end);
-              setLastChangeWasPicker(true);
-            },
-            type: "date-range-picker-controller-only"
-          }
-        ) : /* @__PURE__ */ jsx(
-          DSControlledDateTimePicker,
-          {
-            date: startDate,
-            onDateChange: (_date) => {
-              setLastChangeWasPicker(true);
-              setStartDate(_date);
-              setEndDate(_date);
-            },
-            type: "date-picker-controller-only"
-          }
-        ) })
-      ]
-    }
-  );
-};
-SingleRangeSwitcherContainer.propTypes = {
-  onChange: PropTypes.func,
-  enableOutsideDays: PropTypes.bool
-};
-const formatRangeDate = ({ startDate, endDate }, format = DEFAULT_DATE_FORMAT) => {
-  const sameDay = startDate.isSame(endDate, "day");
-  if (sameDay)
-    return `${endDate.format(format)}`;
-  return `${startDate.format(format)} - ${endDate.format(format)}`;
-};
-const SingleRangeSwitcherMenu = ({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = noop,
-  placement = Position.BOTTOM_END,
-  onAddFilter = noop,
-  dateFormatter = formatRangeDate,
-  enableOutsideDays = true,
-  menuProps
-}) => /* @__PURE__ */ jsx(
-  DSPopper,
-  {
-    contentComponent: /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
-      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",
-              // todo: create constants for filter types
-              filterParams: { start: startDate, end: endDate },
-              transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),
-              operator: "range"
-            },
-            column
-          );
-          onOpenMenu(false);
-        }
-      }
-    ) }),
-    isOpen: isMenuOpened,
-    onOpen: onOpenMenu,
-    placement,
-    showArrow: false,
-    triggerComponent: /* @__PURE__ */ jsx(
-      DSButton,
-      {
-        buttonType: "text",
-        icon: /* @__PURE__ */ jsx(DatePicker2, {}),
-        onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
-        size: "s"
-      }
-    ),
-    zIndex: menuProps.zIndex
-  }
-);
-SingleRangeSwitcherMenu.propTypes = {
-  column: PropTypes.any,
-  className: PropTypes.string,
-  isMenuOpened: PropTypes.bool,
-  onOpenMenu: PropTypes.func,
-  placement: PropTypes.string,
-  onAddFilter: PropTypes.func,
-  dateFormatter: PropTypes.any,
-  enableOutsideDays: PropTypes.bool,
-  menuProps: PropTypes.any
-};
-var SingleRangeSwitcherMenu_default = SingleRangeSwitcherMenu;
-export {
-  SingleRangeSwitcherMenu,
-  SingleRangeSwitcherMenu_default as default
-};
-//# sourceMappingURL=SingleRangeSwitcherMenu.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 '@elliemae/ds-system';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat.js';\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\nconst 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  <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\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"],
-  "mappings": "AAAA,YAAY,WAAW;ACiEjB,SACE,KADF;AAhEN,SAAgB,WAAW,gBAAgB;AAC3C,OAAO,eAAe;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,mBAAmB,gBAAgB;AACtD,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,OAAO,YAAY;AACnB,SAAS,cAAc;AACvB,SAAS,2BAA2B;AAEpC,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA,eAEtB,CAAC,UAAW,MAAM,oBAAoB,MAAM;AAAA,sBACrC,CAAC,UAAW,MAAM,oBAAoB,SAAS;AAAA;AAAA;AAKrE,MAAM,OAAO,IAAI,SAAS;AAAC;AAE3B,MAAM,+BAA+B,CAAC,EAAE,WAAW,MAAM,kBAAkB,MAAM;AAC/E,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE;AAC7C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,EAAE;AAGzC,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,SAAS,KAAK;AAEpE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,YAAU,MAAM;AACd,UAAM,cAAc,OAAO,SAAS;AACpC,UAAM,YAAY,OAAO,OAAO;AAChC,QACE,uBACA,aACA,CAAC,UAAU,SAAS,GAAG,KACvB,WACA,CAAC,QAAQ,SAAS,GAAG,KACrB,UAAU,KAAK,WAAW,KAAK,GAC/B;AACA,eAAS,EAAE,WAAW,aAAa,SAAS,UAAU,CAAC;AAAA,IACzD;AAAA,EAEF,GAAG,CAAC,WAAW,SAAS,mBAAmB,CAAC;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,OAAO;AAAA,QACP,SAAS;AAAA,QACT,gBAAgB;AAAA,MAClB;AAAA,MACA,MAAM,CAAC,MAAM;AAAA,MACb;AAAA,MACA,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,uBAAuB,IAAI;AAAA,MAEnE;AAAA,6BAAC,QAAK,QAAO,OAAM,YAAW,UAAS,GAAE,OACvC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,MAAK;AAAA,cACL,OAAM;AAAA,cACN,IAAG;AAAA,cACH,UAAU,MAAM;AACd,+BAAe,CAAC,WAAW;AAC3B,6BAAa,EAAE;AACf,2BAAW,EAAE;AAAA,cACf;AAAA;AAAA,UACF;AAAA,UACA,oBAAC,SAAI,OAAO,EAAE,OAAO,cAAc,GAChC,wBACC;AAAA,YAAC;AAAA;AAAA,cACC,UAAU;AAAA,cACV,kBAAkB,CAAC,WAAW;AAC5B,6BAAa,MAAM;AACnB,uCAAuB,KAAK;AAAA,cAC9B;AAAA,cACA,QAAQ;AAAA,cACR,gBAAgB,CAAC,SAAS;AACxB,2BAAW,IAAI;AACf,uCAAuB,KAAK;AAAA,cAC9B;AAAA,cACA,MAAK;AAAA;AAAA,UACP,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,cAAc,CAAC,UAAU;AACvB,uCAAuB,KAAK;AAC5B,6BAAa,KAAK;AAClB,2BAAW,KAAK;AAAA,cAClB;AAAA,cACA,MAAK;AAAA;AAAA,UACP,GAEJ;AAAA,WACF;AAAA,QACA,oBAAC,QACE,wBACC;AAAA,UAAC;AAAA;AAAA,YACC,UAAU;AAAA,YACV,kBAAkB,CAAC,WAAW;AAC5B,2BAAa,MAAM;AACnB,qCAAuB,IAAI;AAAA,YAC7B;AAAA,YACA,QAAQ;AAAA,YACR,gBAAgB,CAAC,SAAS;AACxB,yBAAW,IAAI;AACf,qCAAuB,IAAI;AAAA,YAC7B;AAAA,YACA,MAAK;AAAA;AAAA,QACP,IAEA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,cAAc,CAAC,UAAU;AACvB,qCAAuB,IAAI;AAC3B,2BAAa,KAAK;AAClB,yBAAW,KAAK;AAAA,YAClB;AAAA,YACA,MAAK;AAAA;AAAA,QACP,GAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,6BAA6B,YAAY;AAAA,EACvC,UAAU,UAAU;AAAA,EACpB,mBAAmB,UAAU;AAC/B;AAEA,MAAM,kBAAkB,CAAC,EAAE,WAAW,QAAQ,GAAG,SAAS,wBAAwB;AAChF,QAAM,UAAU,UAAU,OAAO,SAAS,KAAK;AAC/C,MAAI;AAAS,WAAO,GAAG,QAAQ,OAAO,MAAM;AAC5C,SAAO,GAAG,UAAU,OAAO,MAAM,OAAO,QAAQ,OAAO,MAAM;AAC/D;AAGA,MAAM,0BAA0B,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AAAA,EACb,YAAY,SAAS;AAAA,EACrB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,kBACE,oBAAC,SAAI,WACH;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,CAAC,EAAE,WAAW,QAAQ,MAAM;AACpC,oBAAU,QAAQ,KAAK;AACvB,kBAAQ,MAAM,KAAK;AACnB;AAAA,YACE;AAAA,cACE,OAAO,OAAO;AAAA,cACd,OAAO,OAAO;AAAA,cACd,OAAO,cAAc,EAAE,WAAW,QAAQ,GAAG,OAAO,MAAM;AAAA,cAC1D,MAAM;AAAA;AAAA,cACN,cAAc,EAAE,OAAO,WAAW,KAAK,QAAQ;AAAA,cAC/C,mBAAmB,CAAC,UAAU,OAAO,OAAO,OAAO,cAAc,mBAAmB;AAAA,cACpF,UAAU;AAAA,YACZ;AAAA,YACA;AAAA,UACF;AACA,qBAAW,KAAK;AAAA,QAClB;AAAA;AAAA,IACF,GACF;AAAA,IAEF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,kBACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAW;AAAA,QACX,MAAM,oBAAC,eAAY;AAAA,QACnB,SAAS,MAAO,CAAC,eAAe,WAAW,IAAI,IAAI,WAAW,KAAK;AAAA,QACnE,MAAK;AAAA;AAAA,IACP;AAAA,IAEF,QAAQ,UAAU;AAAA;AACpB;AAGF,wBAAwB,YAAY;AAAA,EAClC,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,cAAc,UAAU;AAAA,EACxB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AAAA,EACrB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,mBAAmB,UAAU;AAAA,EAC7B,WAAW,UAAU;AACvB;AAGA,IAAO,kCAAQ;",
-  "names": []
-}