@elliemae/ds-date-picker 3.0.0-next.2 → 3.0.0-next.6

package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js

@@ -0,0 +1,63 @@
+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 DatePickerNavigation_exports = {};
+__export(DatePickerNavigation_exports, {
+  DatePickerNavigation: () => Navigation,
+  default: () => DatePickerNavigation_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
+const Navigation = ({
+  className = "date-picker-navigation",
+  icon: Icon = import_ds_icons.ChevronRight,
+  color = import_ds_icon.DSIconColors.NEUTRAL,
+  size = import_ds_icon.DSIconSizes.S,
+  innerRef
+}) => /* @__PURE__ */ import_react.default.createElement("div", {
+  tabIndex: 0,
+  "data-testid": "date-picker-nav"
+}, /* @__PURE__ */ import_react.default.createElement(Icon, {
+  className,
+  color,
+  innerRef,
+  size
+}));
+Navigation.propTypes = {
+  className: "date-picker-navigation",
+  icon: import_prop_types.default.element,
+  color: import_prop_types.default.oneOf(import_prop_types2.iconColors),
+  size: import_prop_types.default.oneOf(import_prop_types2.iconSizes),
+  innerRef: import_prop_types.default.any
+};
+var DatePickerNavigation_default = Navigation;
+module.exports = __toCommonJS(DatePickerNavigation_exports);
+//# sourceMappingURL=DatePickerNavigation.js.map

package/dist/cjs/components/DatePickerNavigation/DatePickerNavigation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerNavigation/DatePickerNavigation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport {\n  iconSizes,\n  iconColors,\n} from '@elliemae/ds-shared/prop-types';\n\nconst Navigation = ({\n  className = 'date-picker-navigation',\n  icon: Icon = ChevronRight,\n  color = DSIconColors.NEUTRAL,\n  size = DSIconSizes.S,\n  innerRef,\n}) => (\n  <div tabIndex={0} data-testid=\"date-picker-nav\">\n    <Icon className={className} color={color} innerRef={innerRef} size={size} />\n  </div>\n);\nNavigation.propTypes = {\n  className: 'date-picker-navigation',\n  icon: PropTypes.element,\n  color: PropTypes.oneOf(iconColors),\n  size: PropTypes.oneOf(iconSizes),\n  innerRef: PropTypes.any,\n};\n\nexport { Navigation as DatePickerNavigation };\nexport default Navigation;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,sBAA6B;AAC7B,qBAA0C;AAC1C,yBAGO;AAEP,MAAM,aAAa,CAAC;AAAA,EAClB,YAAY;AAAA,EACZ,MAAM,OAAO;AAAA,EACb,QAAQ,4BAAa;AAAA,EACrB,OAAO,2BAAY;AAAA,EACnB;AAAA,MAEA,mDAAC,OAAD;AAAA,EAAK,UAAU;AAAA,EAAG,eAAY;AAAA,GAC5B,mDAAC,MAAD;AAAA,EAAM;AAAA,EAAsB;AAAA,EAAc;AAAA,EAAoB;AAAA;AAGlE,WAAW,YAAY;AAAA,EACrB,WAAW;AAAA,EACX,MAAM,0BAAU;AAAA,EAChB,OAAO,0BAAU,MAAM;AAAA,EACvB,MAAM,0BAAU,MAAM;AAAA,EACtB,UAAU,0BAAU;AAAA;AAItB,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js

@@ -0,0 +1,112 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 DatePickerPicker_exports = {};
+__export(DatePickerPicker_exports, {
+  DatePickerPicker: () => Picker,
+  Picker: () => Picker,
+  PickerPropsTypes: () => PickerPropsTypes,
+  default: () => DatePickerPicker_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = require("@elliemae/ds-button");
+var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
+const Picker = (_a) => {
+  var _b = _a, {
+    className = "date-picker-icon",
+    disabled = false,
+    icon = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker, null),
+    size = import_ds_icon.DSIconSizes.M,
+    buttonActionType = "secondary",
+    onClick = () => null,
+    onBlur = () => null,
+    readOnly = false,
+    tabIndex = 0,
+    innerRef
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "disabled",
+    "icon",
+    "size",
+    "buttonActionType",
+    "onClick",
+    "onBlur",
+    "readOnly",
+    "tabIndex",
+    "innerRef"
+  ]);
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    innerRef,
+    "aria-label": rest["aria-label"] || "Date Picker Button",
+    buttonType: buttonActionType,
+    className,
+    color: !disabled ? import_ds_icon.DSIconColors.PRIMARY : import_ds_icon.DSIconColors.NEUTRAL,
+    disabled,
+    icon,
+    onBlur,
+    onClick,
+    readOnly,
+    size,
+    tabIndex,
+    "data-testid": "btn-date-picker"
+  });
+};
+const PickerPropsTypes = {
+  innerRef: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.shape({ current: import_prop_types.default.any })]),
+  className: import_prop_types.default.string,
+  disabled: import_prop_types.default.bool,
+  icon: import_prop_types.default.element,
+  size: import_prop_types.default.oneOf(import_prop_types2.iconSizes),
+  buttonActionType: import_prop_types.default.oneOf(import_ds_button.buttonTypes),
+  onClick: import_prop_types.default.func,
+  onFocus: import_prop_types.default.func,
+  onBlur: import_prop_types.default.func,
+  readOnly: import_prop_types.default.bool,
+  tabIndex: import_prop_types.default.number
+};
+Picker.propTypes = PickerPropsTypes;
+var DatePickerPicker_default = Picker;
+module.exports = __toCommonJS(DatePickerPicker_exports);
+//# sourceMappingURL=DatePickerPicker.js.map

package/dist/cjs/components/DatePickerPicker/DatePickerPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerPicker/DatePickerPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DatePicker } from '@elliemae/ds-icons';\nimport { DSButton, buttonTypes } from '@elliemae/ds-button';\nimport { iconSizes } from '@elliemae/ds-shared/prop-types';\n\nexport const Picker = ({\n  className = 'date-picker-icon',\n  disabled = false,\n  icon = <DatePicker />,\n  size = DSIconSizes.M,\n  buttonActionType = 'secondary',\n  onClick = () => null,\n  onBlur = () => null,\n  readOnly = false,\n  tabIndex = 0,\n  innerRef,\n  ...rest\n}) => (\n  <DSButton\n    innerRef={innerRef}\n    aria-label={rest['aria-label'] || 'Date Picker Button'}\n    buttonType={buttonActionType}\n    className={className}\n    color={!disabled ? DSIconColors.PRIMARY : DSIconColors.NEUTRAL}\n    disabled={disabled}\n    icon={icon}\n    onBlur={onBlur}\n    onClick={onClick}\n    readOnly={readOnly}\n    size={size}\n    tabIndex={tabIndex}\n    data-testid=\"btn-date-picker\"\n  />\n);\n\nexport const PickerPropsTypes = {\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  className: PropTypes.string,\n  disabled: PropTypes.bool,\n  icon: PropTypes.element,\n  size: PropTypes.oneOf(iconSizes),\n  buttonActionType: PropTypes.oneOf(buttonTypes),\n  onClick: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  readOnly: PropTypes.bool,\n  tabIndex: PropTypes.number,\n};\n\nPicker.propTypes = PickerPropsTypes;\n\nexport { Picker as DatePickerPicker };\nexport default Picker;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAA0C;AAC1C,sBAA2B;AAC3B,uBAAsC;AACtC,yBAA0B;AAEnB,MAAM,SAAS,CAAC,OAYpB;AAZoB,eACrB;AAAA,gBAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO,mDAAC,4BAAD;AAAA,IACP,OAAO,2BAAY;AAAA,IACnB,mBAAmB;AAAA,IACnB,UAAU,MAAM;AAAA,IAChB,SAAS,MAAM;AAAA,IACf,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,MAVqB,IAWlB,iBAXkB,IAWlB;AAAA,IAVH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,4DAAC,2BAAD;AAAA,IACE;AAAA,IACA,cAAY,KAAK,iBAAiB;AAAA,IAClC,YAAY;AAAA,IACZ;AAAA,IACA,OAAO,CAAC,WAAW,4BAAa,UAAU,4BAAa;AAAA,IACvD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAY;AAAA;AAAA;AAIT,MAAM,mBAAmB;AAAA,EAC9B,UAAU,0BAAU,UAAU,CAAC,0BAAU,MAAM,0BAAU,MAAM,EAAE,SAAS,0BAAU;AAAA,EACpF,WAAW,0BAAU;AAAA,EACrB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA,EAChB,MAAM,0BAAU,MAAM;AAAA,EACtB,kBAAkB,0BAAU,MAAM;AAAA,EAClC,SAAS,0BAAU;AAAA,EACnB,SAAS,0BAAU;AAAA,EACnB,QAAQ,0BAAU;AAAA,EAClB,UAAU,0BAAU;AAAA,EACpB,UAAU,0BAAU;AAAA;AAGtB,OAAO,YAAY;AAGnB,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/cjs/components/DatePickerRange/DatePickerRange.js

@@ -0,0 +1,126 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 DatePickerRange_exports = {};
+__export(DatePickerRange_exports, {
+  DatePickerRangeDate: () => DatePickerRangeDate,
+  default: () => DatePickerRange_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_dates = require("react-dates");
+var import_moment = __toESM(require("moment"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_DatePickerDay = require("../DatePickerDay/DatePickerDay");
+var import_DatePickerNavigation = require("../DatePickerNavigation/DatePickerNavigation");
+var import_DatePickerRangeHeader = require("../DatePickerRangeHeader/DatePickerRangeHeader");
+const blockname = "date-range";
+const Wrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "wrapper");
+const { classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("datepicker");
+const START_DATE = "startDate";
+const END_DATE = "endDate";
+const DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = "D", showHeader = true, otherProps }) => {
+  const [selectedDateStart, setSelectedDateStart] = (0, import_react.useState)(dateStart);
+  const [selectedDateEnd, setSelectedDateEnd] = (0, import_react.useState)(dateEnd);
+  const [focusedInput, setFocusedInput] = (0, import_react.useState)(START_DATE);
+  const datePickerRef = (0, import_react.useRef)();
+  const handleFocusChange = () => {
+    setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);
+  };
+  const handleDatesChange = ({ startDate, endDate }) => {
+    setSelectedDateStart(startDate);
+    setSelectedDateEnd(endDate);
+  };
+  const handleStartInputChange = (newDate) => {
+    setSelectedDateStart(newDate);
+  };
+  const handleEndInputChange = (newDate) => {
+    setSelectedDateEnd(newDate);
+  };
+  const getSafeDateStartValue = () => {
+    if (selectedDateStart) {
+      return (0, import_moment.default)(selectedDateStart);
+    }
+  };
+  const getSafeDateEndValue = () => {
+    if (selectedDateEnd) {
+      return (0, import_moment.default)(selectedDateEnd);
+    }
+  };
+  const safeStartDate = getSafeDateStartValue();
+  const safeEndDate = getSafeDateEndValue();
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, showHeader && /* @__PURE__ */ import_react.default.createElement(import_DatePickerRangeHeader.DatePickerRangeHeader, {
+    onEndInputChange: handleEndInputChange,
+    onStartInputChange: handleStartInputChange,
+    selectedEndDate: safeEndDate,
+    selectedStartDate: safeStartDate
+  }), /* @__PURE__ */ import_react.default.createElement("div", {
+    ref: datePickerRef,
+    className: classNameBlock("wrapper-day-picker-single-date-controller")
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_dates.DayPickerRangeController, __spreadProps(__spreadValues({}, otherProps), {
+    enableOutsideDays: true,
+    endDate: safeEndDate,
+    focused: true,
+    focusedInput,
+    hideKeyboardShortcutsPanel: true,
+    navNext: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
+      className: classNameElement("navigation-next")
+    }),
+    navPrev: /* @__PURE__ */ import_react.default.createElement(import_DatePickerNavigation.DatePickerNavigation, {
+      className: classNameElement("navigation-prev"),
+      icon: import_ds_icons.ChevronLeft
+    }),
+    onDatesChange: handleDatesChange,
+    onFocusChange: handleFocusChange,
+    renderDayContents: (date) => /* @__PURE__ */ import_react.default.createElement(import_DatePickerDay.DatePickerDay, {
+      className: classNameElement("day-contents"),
+      date: date.format(displayFormatDay)
+    }),
+    startDate: safeStartDate
+  }))));
+};
+var DatePickerRange_default = DatePickerRangeDate;
+module.exports = __toCommonJS(DatePickerRange_exports);
+//# sourceMappingURL=DatePickerRange.js.map

package/dist/cjs/components/DatePickerRange/DatePickerRange.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerRange/DatePickerRange.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable consistent-return */\nimport React, { useState, useRef } from 'react';\nimport { DayPickerRangeController } from 'react-dates';\nimport moment from 'moment';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { DatePickerDay } from '../DatePickerDay/DatePickerDay';\nimport { DatePickerNavigation } from '../DatePickerNavigation/DatePickerNavigation';\nimport { DatePickerRangeHeader } from '../DatePickerRangeHeader/DatePickerRangeHeader';\n\nconst blockname = 'date-range';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n\nconst { classNameElement, classNameBlock } = convertPropToCssClassName('datepicker');\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst DatePickerRangeDate = ({ dateStart, dateEnd, displayFormatDay = 'D', showHeader = true, otherProps }) => {\n  const [selectedDateStart, setSelectedDateStart] = useState(dateStart);\n  const [selectedDateEnd, setSelectedDateEnd] = useState(dateEnd);\n  const [focusedInput, setFocusedInput] = useState(START_DATE);\n  const datePickerRef = useRef();\n\n  const handleFocusChange = () => {\n    setFocusedInput(focusedInput === START_DATE ? END_DATE : START_DATE);\n  };\n\n  const handleDatesChange = ({ startDate, endDate }) => {\n    setSelectedDateStart(startDate);\n    setSelectedDateEnd(endDate);\n  };\n\n  const handleStartInputChange = (newDate) => {\n    setSelectedDateStart(newDate);\n  };\n\n  const handleEndInputChange = (newDate) => {\n    setSelectedDateEnd(newDate);\n  };\n\n  const getSafeDateStartValue = () => {\n    if (selectedDateStart) {\n      return moment(selectedDateStart);\n    }\n  };\n\n  const getSafeDateEndValue = () => {\n    if (selectedDateEnd) {\n      return moment(selectedDateEnd);\n    }\n  };\n\n  const safeStartDate = getSafeDateStartValue();\n  const safeEndDate = getSafeDateEndValue();\n\n  return (\n    <Wrapper>\n      {showHeader && (\n        <DatePickerRangeHeader\n          onEndInputChange={handleEndInputChange}\n          onStartInputChange={handleStartInputChange}\n          selectedEndDate={safeEndDate}\n          selectedStartDate={safeStartDate}\n        />\n      )}\n      <div ref={datePickerRef} className={classNameBlock('wrapper-day-picker-single-date-controller')}>\n        <DayPickerRangeController\n          {...otherProps}\n          enableOutsideDays\n          endDate={safeEndDate}\n          focused\n          focusedInput={focusedInput}\n          hideKeyboardShortcutsPanel\n          navNext={<DatePickerNavigation className={classNameElement('navigation-next')} />}\n          navPrev={<DatePickerNavigation className={classNameElement('navigation-prev')} icon={ChevronLeft} />}\n          onDatesChange={handleDatesChange}\n          onFocusChange={handleFocusChange}\n          renderDayContents={(date) => (\n            <DatePickerDay className={classNameElement('day-contents')} date={date.format(displayFormatDay)} />\n          )}\n          startDate={safeStartDate}\n        />\n      </div>\n    </Wrapper>\n  );\n};\n\nexport { DatePickerRangeDate };\nexport default DatePickerRangeDate;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwC;AACxC,yBAAyC;AACzC,oBAAmB;AACnB,2BAA6D;AAC7D,sBAA4B;AAC5B,2BAA8B;AAC9B,kCAAqC;AACrC,mCAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,UAAU,4CAAkB,OAAO,WAAW;AAEpD,MAAM,EAAE,kBAAkB,mBAAmB,oDAA0B;AAEvE,MAAM,aAAa;AACnB,MAAM,WAAW;AAEjB,MAAM,sBAAsB,CAAC,EAAE,WAAW,SAAS,mBAAmB,KAAK,aAAa,MAAM,iBAAiB;AAC7G,QAAM,CAAC,mBAAmB,wBAAwB,2BAAS;AAC3D,QAAM,CAAC,iBAAiB,sBAAsB,2BAAS;AACvD,QAAM,CAAC,cAAc,mBAAmB,2BAAS;AACjD,QAAM,gBAAgB;AAEtB,QAAM,oBAAoB,MAAM;AAC9B,oBAAgB,iBAAiB,aAAa,WAAW;AAAA;AAG3D,QAAM,oBAAoB,CAAC,EAAE,WAAW,cAAc;AACpD,yBAAqB;AACrB,uBAAmB;AAAA;AAGrB,QAAM,yBAAyB,CAAC,YAAY;AAC1C,yBAAqB;AAAA;AAGvB,QAAM,uBAAuB,CAAC,YAAY;AACxC,uBAAmB;AAAA;AAGrB,QAAM,wBAAwB,MAAM;AAClC,QAAI,mBAAmB;AACrB,aAAO,2BAAO;AAAA;AAAA;AAIlB,QAAM,sBAAsB,MAAM;AAChC,QAAI,iBAAiB;AACnB,aAAO,2BAAO;AAAA;AAAA;AAIlB,QAAM,gBAAgB;AACtB,QAAM,cAAc;AAEpB,SACE,mDAAC,SAAD,MACG,cACC,mDAAC,oDAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,mBAAmB;AAAA,MAGvB,mDAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAe,WAAW,eAAe;AAAA,KACjD,mDAAC,6CAAD,iCACM,aADN;AAAA,IAEE,mBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,SAAO;AAAA,IACP;AAAA,IACA,4BAA0B;AAAA,IAC1B,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA;AAAA,IAC3D,SAAS,mDAAC,kDAAD;AAAA,MAAsB,WAAW,iBAAiB;AAAA,MAAoB,MAAM;AAAA;AAAA,IACrF,eAAe;AAAA,IACf,eAAe;AAAA,IACf,mBAAmB,CAAC,SAClB,mDAAC,oCAAD;AAAA,MAAe,WAAW,iBAAiB;AAAA,MAAiB,MAAM,KAAK,OAAO;AAAA;AAAA,IAEhF,WAAW;AAAA;AAAA;AAQrB,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js

@@ -0,0 +1,138 @@
+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 DatePickerRangeHeader_exports = {};
+__export(DatePickerRangeHeader_exports, {
+  DatePickerRangeHeader: () => DatePickerRangeHeader,
+  default: () => DatePickerRangeHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_moment = __toESM(require("moment"));
+var import_ds_form = require("@elliemae/ds-form");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+const blockname = "date-range-picker";
+const DATE_FORMAT = "MMDDYYYY";
+const MAGIC_NUMBER = 999;
+const Header = (0, import_ds_classnames.aggregatedClasses)("div")(blockname, "header", ({ invalidDate }) => ({ invalidDate }));
+const DatePickerRangeHeader = ({
+  onStartInputChange = () => null,
+  onEndInputChange = () => null,
+  onFocusChange = () => null,
+  selectedStartDate,
+  selectedEndDate,
+  handleDatesChange,
+  autoJumpOnEdit = true
+}) => {
+  const [startValue, setStartValue] = (0, import_react.useState)(selectedStartDate);
+  const [endValue, setEndValue] = (0, import_react.useState)(selectedEndDate);
+  const startInputRef = (0, import_react.useRef)();
+  const endInputRef = (0, import_react.useRef)();
+  (0, import_react.useEffect)(() => {
+    if (selectedStartDate) {
+      setStartValue(selectedStartDate.format(DATE_FORMAT));
+    }
+    if (selectedEndDate) {
+      setEndValue(selectedEndDate.format(DATE_FORMAT));
+    }
+  }, [selectedStartDate, selectedEndDate]);
+  const isValidRangeDate = (start, end) => {
+    let isValidRange = false;
+    if (start && end) {
+      const momentStart = (0, import_moment.default)(start, DATE_FORMAT);
+      const momentEnd = (0, import_moment.default)(end, DATE_FORMAT);
+      isValidRange = momentStart.isBefore(momentEnd);
+    }
+    return isValidRange;
+  };
+  const handleOnFocus = (inputType) => onFocusChange(inputType);
+  const handleOnChangeStart = (newStartValue) => {
+    const y = newStartValue.substring(4);
+    const momentValue = (0, import_moment.default)(newStartValue, DATE_FORMAT);
+    if (newStartValue && newStartValue.length === DATE_FORMAT.length) {
+      onStartInputChange(momentValue);
+    }
+    setStartValue(newStartValue);
+    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {
+      endInputRef.current.firstChild.focus();
+    }
+  };
+  const handleOnChangeEnd = (newEndValue) => {
+    const momentValue = (0, import_moment.default)(newEndValue, DATE_FORMAT);
+    if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {
+      onEndInputChange(momentValue);
+    }
+    setEndValue(newEndValue);
+  };
+  const handleOnKeyDownStart = (e) => {
+    const isValid = isValidRangeDate(startValue, endValue);
+    const momentStart = (0, import_moment.default)(startValue, DATE_FORMAT);
+    const momentEnd = (0, import_moment.default)(endValue, DATE_FORMAT);
+    if (e.key === "Enter" && startValue) {
+      onStartInputChange(momentStart);
+      if (isValid)
+        handleDatesChange({ startDate: momentStart, endDate: momentEnd });
+    }
+  };
+  const handleOnKeyDownEnd = (e) => {
+    const isValid = isValidRangeDate(startValue, endValue);
+    const momentStart = (0, import_moment.default)(startValue, DATE_FORMAT);
+    const momentEnd = (0, import_moment.default)(endValue, DATE_FORMAT);
+    if (e.key === "Enter" && isValid) {
+      handleDatesChange({ startDate: momentStart, endDate: momentEnd });
+      onEndInputChange(momentEnd);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(Header, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInputGroup, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
+    containerProps: { "data-testid": "start-date" },
+    innerRef: startInputRef,
+    onChange: handleOnChangeStart,
+    onFocus: () => handleOnFocus("startDate"),
+    onKeyDown: handleOnKeyDownStart,
+    value: startValue
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSDateInputV2, {
+    containerProps: { "data-testid": "end-date" },
+    innerRef: endInputRef,
+    onChange: handleOnChangeEnd,
+    onFocus: () => handleOnFocus("endDate"),
+    onKeyDown: handleOnKeyDownEnd,
+    value: endValue
+  })));
+};
+DatePickerRangeHeader.propTypes = {
+  onStartInputChange: import_prop_types.default.func,
+  onEndInputChange: import_prop_types.default.func,
+  onFocusChange: import_prop_types.default.func,
+  selectedStartDate: import_prop_types.default.any,
+  selectedEndDate: import_prop_types.default.any,
+  handleDatesChange: import_prop_types.default.func,
+  autoJumpOnEdit: import_prop_types.default.bool
+};
+var DatePickerRangeHeader_default = DatePickerRangeHeader;
+module.exports = __toCommonJS(DatePickerRangeHeader_exports);
+//# sourceMappingURL=DatePickerRangeHeader.js.map

package/dist/cjs/components/DatePickerRangeHeader/DatePickerRangeHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerRangeHeader/DatePickerRangeHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable consistent-return */\n/* eslint-disable no-unused-expressions */\nimport React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { DSDateInputV2, DSInputGroup } from '@elliemae/ds-form';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockname = 'date-range-picker';\n\nconst DATE_FORMAT = 'MMDDYYYY';\n\n// When year is greater than 999 it means the user finished writing\n// the year for the range, because they must type 4 numbers for the year\n// to be higher than 999\nconst MAGIC_NUMBER = 999;\n\nconst Header = aggregatedClasses('div')(blockname, 'header', ({ invalidDate }) => ({ invalidDate }));\n\nconst DatePickerRangeHeader = ({\n  onStartInputChange = () => null,\n  onEndInputChange = () => null,\n  onFocusChange = () => null,\n  selectedStartDate,\n  selectedEndDate,\n  handleDatesChange,\n  autoJumpOnEdit = true,\n}) => {\n  const [startValue, setStartValue] = useState(selectedStartDate);\n  const [endValue, setEndValue] = useState(selectedEndDate);\n  const startInputRef = useRef();\n  const endInputRef = useRef();\n\n  useEffect(() => {\n    if (selectedStartDate) {\n      setStartValue(selectedStartDate.format(DATE_FORMAT));\n    }\n    if (selectedEndDate) {\n      setEndValue(selectedEndDate.format(DATE_FORMAT));\n    }\n  }, [selectedStartDate, selectedEndDate]);\n\n  const isValidRangeDate = (start, end) => {\n    let isValidRange = false;\n    if (start && end) {\n      const momentStart = moment(start, DATE_FORMAT);\n      const momentEnd = moment(end, DATE_FORMAT);\n      isValidRange = momentStart.isBefore(momentEnd);\n    }\n    return isValidRange;\n  };\n\n  const handleOnFocus = (inputType) => onFocusChange(inputType);\n\n  const handleOnChangeStart = (newStartValue) => {\n    const y = newStartValue.substring(4);\n    const momentValue = moment(newStartValue, DATE_FORMAT);\n    if (newStartValue && newStartValue.length === DATE_FORMAT.length) {\n      onStartInputChange(momentValue);\n    }\n\n    setStartValue(newStartValue);\n    if (autoJumpOnEdit && parseInt(y, 10) > MAGIC_NUMBER && endInputRef?.current?.firstChild?.focus) {\n      endInputRef.current.firstChild.focus();\n    }\n  };\n\n  const handleOnChangeEnd = (newEndValue) => {\n    const momentValue = moment(newEndValue, DATE_FORMAT);\n    if (isValidRangeDate(startValue, newEndValue) && newEndValue && newEndValue.length === DATE_FORMAT.length) {\n      onEndInputChange(momentValue);\n    }\n    setEndValue(newEndValue);\n  };\n\n  const handleOnKeyDownStart = (e) => {\n    const isValid = isValidRangeDate(startValue, endValue);\n    const momentStart = moment(startValue, DATE_FORMAT);\n    const momentEnd = moment(endValue, DATE_FORMAT);\n    if (e.key === 'Enter' && startValue) {\n      onStartInputChange(momentStart);\n      if (isValid) handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n    }\n  };\n\n  const handleOnKeyDownEnd = (e) => {\n    const isValid = isValidRangeDate(startValue, endValue);\n    const momentStart = moment(startValue, DATE_FORMAT);\n    const momentEnd = moment(endValue, DATE_FORMAT);\n    if (e.key === 'Enter' && isValid) {\n      handleDatesChange({ startDate: momentStart, endDate: momentEnd });\n      onEndInputChange(momentEnd);\n    }\n  };\n\n  return (\n    <Header>\n      <DSInputGroup>\n        <DSDateInputV2\n          containerProps={{ 'data-testid': 'start-date' }}\n          innerRef={startInputRef}\n          onChange={handleOnChangeStart}\n          onFocus={() => handleOnFocus('startDate')}\n          onKeyDown={handleOnKeyDownStart}\n          value={startValue}\n        />\n        <DSDateInputV2\n          containerProps={{ 'data-testid': 'end-date' }}\n          innerRef={endInputRef}\n          onChange={handleOnChangeEnd}\n          onFocus={() => handleOnFocus('endDate')}\n          onKeyDown={handleOnKeyDownEnd}\n          value={endValue}\n        />\n      </DSInputGroup>\n    </Header>\n  );\n};\n\nDatePickerRangeHeader.propTypes = {\n  onStartInputChange: PropTypes.func,\n  onEndInputChange: PropTypes.func,\n  onFocusChange: PropTypes.func,\n  selectedStartDate: PropTypes.any,\n  selectedEndDate: PropTypes.any,\n  handleDatesChange: PropTypes.func,\n  autoJumpOnEdit: PropTypes.bool,\n};\n\nexport { DatePickerRangeHeader };\nexport default DatePickerRangeHeader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js

@@ -0,0 +1,61 @@
+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 DatePickerRenderMonth_exports = {};
+__export(DatePickerRenderMonth_exports, {
+  renderMonthElement: () => renderMonthElement
+});
+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");
+const renderMonthElement = ({ month, onYearSelect }) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  height: "20px",
+  cols: ["auto", 1, "auto"],
+  alignItems: "flex-end",
+  mr: "10px"
+}, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
+  role: "button",
+  tabIndex: "0",
+  "data-testid": "date-picker-prev-year-arrow",
+  onClick: () => onYearSelect(month, month.year() - 1)
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleLeft, {
+  width: 13.6,
+  height: 13.6
+}))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  "data-testid": "date-picker-header"
+}, /* @__PURE__ */ import_react.default.createElement("strong", null, month.format("MMMM YYYY"))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", {
+  role: "button",
+  tabIndex: "0",
+  "data-testid": "date-picker-next-year-arrow",
+  onClick: () => onYearSelect(month, month.year() + 1)
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDoubleRight, {
+  width: 13.6,
+  height: 13.6
+}))));
+module.exports = __toCommonJS(DatePickerRenderMonth_exports);
+//# sourceMappingURL=DatePickerRenderMonth.js.map

package/dist/cjs/components/DatePickerRenderMonth/DatePickerRenderMonth.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DatePickerRenderMonth/DatePickerRenderMonth.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from 'react';\nimport { ChevronDoubleLeft, ChevronDoubleRight } from '@elliemae/ds-icons';\nimport { Grid } from '@elliemae/ds-grid';\n\nexport const renderMonthElement = ({ month, onYearSelect }) => (\n  <Grid height=\"20px\" cols={['auto', 1, 'auto']} alignItems=\"flex-end\" mr=\"10px\">\n    <div>\n      <div\n        role=\"button\"\n        tabIndex=\"0\"\n        data-testid=\"date-picker-prev-year-arrow\"\n        onClick={() => onYearSelect(month, month.year() - 1)}\n      >\n        <ChevronDoubleLeft width={13.6} height={13.6} />\n      </div>\n    </div>\n    <Grid data-testid=\"date-picker-header\">\n      <strong>{month.format('MMMM YYYY')}</strong>\n    </Grid>\n    <div>\n      <div\n        role=\"button\"\n        tabIndex=\"0\"\n        data-testid=\"date-picker-next-year-arrow\"\n        onClick={() => onYearSelect(month, month.year() + 1)}\n      >\n        <ChevronDoubleRight width={13.6} height={13.6} />\n      </div>\n    </div>\n  </Grid>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAAsD;AACtD,qBAAqB;AAEd,MAAM,qBAAqB,CAAC,EAAE,OAAO,mBAC1C,mDAAC,qBAAD;AAAA,EAAM,QAAO;AAAA,EAAO,MAAM,CAAC,QAAQ,GAAG;AAAA,EAAS,YAAW;AAAA,EAAW,IAAG;AAAA,GACtE,mDAAC,OAAD,MACE,mDAAC,OAAD;AAAA,EACE,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,SAAS;AAAA,GAElD,mDAAC,mCAAD;AAAA,EAAmB,OAAO;AAAA,EAAM,QAAQ;AAAA,MAG5C,mDAAC,qBAAD;AAAA,EAAM,eAAY;AAAA,GAChB,mDAAC,UAAD,MAAS,MAAM,OAAO,gBAExB,mDAAC,OAAD,MACE,mDAAC,OAAD;AAAA,EACE,MAAK;AAAA,EACL,UAAS;AAAA,EACT,eAAY;AAAA,EACZ,SAAS,MAAM,aAAa,OAAO,MAAM,SAAS;AAAA,GAElD,mDAAC,oCAAD;AAAA,EAAoB,OAAO;AAAA,EAAM,QAAQ;AAAA;",
+  "names": []
+}