@elliemae/ds-time-picker 3.12.0-rc.2 → 3.12.0-rc.4

package/dist/cjs/DSTimePicker.js

@@ -53,26 +53,29 @@ const DSTimePicker = ({
   placement = "bottom",
   disabledTimes,
   minutesInterval = 1
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimePickerImpl.default, {
-  ref: innerRef,
-  "aria-label": ariaLabel,
-  className,
-  clearable,
-  containerProps,
-  disabled,
-  format,
-  hasHeader,
-  hasHeaderDisplay,
-  isOpen,
-  onChange,
-  onOpen,
-  placement,
-  style,
-  value,
-  zIndex,
-  minutesInterval,
-  disabledTimes
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_TimePickerImpl.default,
+  {
+    ref: innerRef,
+    "aria-label": ariaLabel,
+    className,
+    clearable,
+    containerProps,
+    disabled,
+    format,
+    hasHeader,
+    hasHeaderDisplay,
+    isOpen,
+    onChange,
+    onOpen,
+    placement,
+    style,
+    value,
+    zIndex,
+    minutesInterval,
+    disabledTimes
+  }
+);
 DSTimePicker.defaultProps = {
   format: "hh:mm:ss A"
 };

package/dist/cjs/DSTimePicker.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSTimePicker.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport Moment from 'moment';\nimport TimePickerImpl from './TimePickerImpl';\n\nconst DSTimePicker = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  disabled = false,\n  value = '',\n  format,\n  style = {},\n  onChange = () => null,\n  onOpen = () => null,\n  isOpen = undefined,\n  clearable = false,\n  hasHeader = true,\n  hasHeaderDisplay = false,\n  'aria-label': ariaLabel,\n  zIndex = 'auto',\n  placement = 'bottom',\n  disabledTimes,\n  minutesInterval = 1,\n}) => (\n  <TimePickerImpl\n    ref={innerRef}\n    aria-label={ariaLabel}\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    disabled={disabled}\n    format={format}\n    hasHeader={hasHeader}\n    hasHeaderDisplay={hasHeaderDisplay}\n    isOpen={isOpen}\n    onChange={onChange}\n    onOpen={onOpen}\n    placement={placement}\n    style={style}\n    value={value}\n    zIndex={zIndex}\n    minutesInterval={minutesInterval}\n    disabledTimes={disabledTimes}\n  />\n);\n\nDSTimePicker.defaultProps = {\n  format: 'hh:mm:ss A',\n};\n\nconst props = {\n  /** a11y label */\n  'aria-label': PropTypes.string.description('a11y label'),\n  /** inject props to time picker wrapper */\n  containerProps: PropTypes.object.description('inject props to time picker wrapper'),\n  /** Whether the time picker is disabled or not */\n  disabled: PropTypes.bool.description('Whether the time picker is disabled or not'),\n  /** Time picker value */\n  value: PropTypes.instanceOf(Moment).description('Time picker value'),\n  /** Time format (hh:mm:ss, H:m:s) */\n  format: PropTypes.string.description('Time format (hh:mm:ss, H:m:s)'),\n  /** toggle header style */\n  hasHeader: PropTypes.bool.description('toggle header style'),\n  /** toggle header display */\n  hasHeaderDisplay: PropTypes.bool.description('toggle header display'),\n  /** Handler when time picker value changes */\n  onChange: PropTypes.func.description('Handler when time picker value changes'),\n  /** Handler when the time picker menu opens */\n  onOpen: PropTypes.func.description('Handler when the time picker menu opens'),\n  /** Whether the time picker menu is opened or not */\n  isOpen: PropTypes.bool.description('Whether the time picker menu is opened or not'),\n  /** ref for time picker input */\n  innerRef: PropTypes.func.description('ref for time picker input'),\n  /** Enable to clear the time picker value */\n  clearable: PropTypes.bool.description('Enable to clear the time picker value'),\n  /** class for time picker */\n  className: PropTypes.string.description('class for time picker'),\n  /** style object */\n  style: PropTypes.object.description('style object'),\n  /** z index for menu */\n  zIndex: PropTypes.number.description('z index for menu'),\n  /** DSPopper placement */\n  placement: PropTypes.string.description('DSPopper placement'),\n  /** disabled time */\n  disabledTimes: PropTypes.object.description('disabled time'),\n  /** steps for the picker */\n  minutesInterval: PropTypes.number.description('steps for the picker'),\n};\n\nDSTimePicker.propTypes = props;\nDSTimePicker.displayName = 'DSTimePicker';\nconst DSTimePickerWithSchema = describe(DSTimePicker);\nDSTimePickerWithSchema.propTypes = props;\n\nexport { DSTimePicker, DSTimePickerWithSchema };\nexport default DSTimePicker;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBrB;AAxBF,0BAAoC;AACpC,oBAAmB;AACnB,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AACpB,MACE,4CAAC,sBAAAA,SAAA;AAAA,EACC,KAAK;AAAA,EACL,cAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,aAAa,eAAe;AAAA,EAC1B,QAAQ;AACV;AAEA,MAAM,QAAQ;AAAA,EAEZ,cAAc,8BAAU,OAAO,YAAY,YAAY;AAAA,EAEvD,gBAAgB,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,UAAU,8BAAU,KAAK,YAAY,4CAA4C;AAAA,EAEjF,OAAO,8BAAU,WAAW,cAAAC,OAAM,EAAE,YAAY,mBAAmB;AAAA,EAEnE,QAAQ,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE3D,kBAAkB,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAEpE,UAAU,8BAAU,KAAK,YAAY,wCAAwC;AAAA,EAE7E,QAAQ,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAE5E,QAAQ,8BAAU,KAAK,YAAY,+CAA+C;AAAA,EAElF,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,WAAW,8BAAU,KAAK,YAAY,uCAAuC;AAAA,EAE7E,WAAW,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE/D,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,QAAQ,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,WAAW,8BAAU,OAAO,YAAY,oBAAoB;AAAA,EAE5D,eAAe,8BAAU,OAAO,YAAY,eAAe;AAAA,EAE3D,iBAAiB,8BAAU,OAAO,YAAY,sBAAsB;AACtE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBrB;AAxBF,0BAAoC;AACpC,oBAAmB;AACnB,4BAA2B;AAE3B,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,WAAW,MAAM;AAAA,EACjB,SAAS,MAAM;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ;AAAA,EACA,kBAAkB;AACpB,MACE;AAAA,EAAC,sBAAAA;AAAA,EAAA;AAAA,IACC,KAAK;AAAA,IACL,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,aAAa,eAAe;AAAA,EAC1B,QAAQ;AACV;AAEA,MAAM,QAAQ;AAAA,EAEZ,cAAc,8BAAU,OAAO,YAAY,YAAY;AAAA,EAEvD,gBAAgB,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,UAAU,8BAAU,KAAK,YAAY,4CAA4C;AAAA,EAEjF,OAAO,8BAAU,WAAW,cAAAC,OAAM,EAAE,YAAY,mBAAmB;AAAA,EAEnE,QAAQ,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEpE,WAAW,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE3D,kBAAkB,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAEpE,UAAU,8BAAU,KAAK,YAAY,wCAAwC;AAAA,EAE7E,QAAQ,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAE5E,QAAQ,8BAAU,KAAK,YAAY,+CAA+C;AAAA,EAElF,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEhE,WAAW,8BAAU,KAAK,YAAY,uCAAuC;AAAA,EAE7E,WAAW,8BAAU,OAAO,YAAY,uBAAuB;AAAA,EAE/D,OAAO,8BAAU,OAAO,YAAY,cAAc;AAAA,EAElD,QAAQ,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEvD,WAAW,8BAAU,OAAO,YAAY,oBAAoB;AAAA,EAE5D,eAAe,8BAAU,OAAO,YAAY,eAAe;AAAA,EAE3D,iBAAiB,8BAAU,OAAO,YAAY,sBAAsB;AACtE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY;AACpD,uBAAuB,YAAY;AAGnC,IAAO,uBAAQ;",
   "names": ["TimePickerImpl", "Moment"]
 }

package/dist/cjs/DSTimePickerMenu.js

@@ -36,10 +36,6 @@ const DSTimePickerMenuWrapper = import_ds_system.styled.div`
   display: flex;
   height: 18.6rem;
 `;
-const DSTimePickerMenu = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DSTimePickerMenuWrapper, {
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimePickerMenu.default, {
-    ...props
-  })
-});
+const DSTimePickerMenu = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DSTimePickerMenuWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimePickerMenu.default, { ...props }) });
 var DSTimePickerMenu_default = DSTimePickerMenu;
 //# sourceMappingURL=DSTimePickerMenu.js.map

package/dist/cjs/DSTimePickerMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSTimePickerMenu.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport TimePickerMenu from './TimePickerMenu';\n\nconst DSTimePickerMenuWrapper = styled.div`\n  display: flex;\n  height: 18.6rem;\n`;\nconst DSTimePickerMenu = (props) => (\n  <DSTimePickerMenuWrapper>\n    <TimePickerMenu {...props} />\n  </DSTimePickerMenuWrapper>\n);\nexport { DSTimePickerMenu };\nexport default DSTimePickerMenu;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AATJ,uBAAuB;AACvB,4BAA2B;AAE3B,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAIvC,MAAM,mBAAmB,CAAC,UACxB,4CAAC;AAAA,EACC,sDAAC,sBAAAA,SAAA;AAAA,IAAgB,GAAG;AAAA,GAAO;AAAA,CAC7B;AAGF,IAAO,2BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUnB;AATJ,uBAAuB;AACvB,4BAA2B;AAE3B,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAIvC,MAAM,mBAAmB,CAAC,UACxB,4CAAC,2BACC,sDAAC,sBAAAA,SAAA,EAAgB,GAAG,OAAO,GAC7B;AAGF,IAAO,2BAAQ;",
   "names": ["TimePickerMenu"]
 }

package/dist/cjs/PickerPanel.js

@@ -218,43 +218,38 @@ class PickerPanel extends import_react.Component {
   }
   renderHeader() {
     const { header } = this.props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerHeader, {
-      children: header
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerHeader, { children: header });
   }
   render() {
     const { options, hasHeader, type, time, meridiem, disabledTimes } = this.props;
     const { selectedOption, activeIndex, scrolling } = this.state;
     const listYPosition = this.computeContainerTranslation(activeIndex);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
-      children: [
-        hasHeader && this.renderHeader(),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
-          classProps: { scrolling },
-          onKeyDown: this.handleKeyDown,
-          tabIndex: 0,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerSelectedOptionSelected, {
-              innerRef: this.selectedOptionRef,
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectedCircle, {})
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowButtonContainer, {
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
-                ...arrowProps,
-                "aria-label": "Chevron Up",
-                "data-testid": `${type}-chevron-up`,
-                disabled: activeIndex <= 0,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, {}),
-                onClick: this.handleStepMoveUp,
-                tabIndex: -1
-              })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerItemListContainer, {
-              innerRef: this.pickerListContainerRef,
-              style: {
-                height: this.listHeight
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerItemList, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { children: [
+      hasHeader && this.renderHeader(),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { classProps: { scrolling }, onKeyDown: this.handleKeyDown, tabIndex: 0, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerSelectedOptionSelected, { innerRef: this.selectedOptionRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectedCircle, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowButtonContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_button.DSButton,
+          {
+            ...arrowProps,
+            "aria-label": "Chevron Up",
+            "data-testid": `${type}-chevron-up`,
+            disabled: activeIndex <= 0,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallUp, {}),
+            onClick: this.handleStepMoveUp,
+            tabIndex: -1
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          PickerItemListContainer,
+          {
+            innerRef: this.pickerListContainerRef,
+            style: {
+              height: this.listHeight
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              PickerItemList,
+              {
                 "data-testid": `${type}-list`,
                 innerRef: this.pickerListRef,
                 style: {
@@ -287,36 +282,41 @@ class PickerPanel extends import_react.Component {
                     }
                   }
                   option.disabled = disabled;
-                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PickerItemContainer, {
-                    classProps: {
-                      selected: selectedOption ? value === selectedOption : index === 0,
-                      disabled
-                    },
-                    innerRef: this.pickerItemRef,
-                    onClick: () => {
-                      if (!disabled)
-                        this.handleOptionSelect(value, index);
+                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    PickerItemContainer,
+                    {
+                      classProps: {
+                        selected: selectedOption ? value === selectedOption : index === 0,
+                        disabled
+                      },
+                      innerRef: this.pickerItemRef,
+                      onClick: () => {
+                        if (!disabled)
+                          this.handleOptionSelect(value, index);
+                      },
+                      children: label
                     },
-                    children: label
-                  }, value);
+                    value
+                  );
                 })
-              })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowButtonContainer, {
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, {
-                ...arrowProps,
-                "aria-label": "Chevron Down",
-                "data-testid": `${type}-chevron-down`,
-                disabled: activeIndex >= options.length - 1,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {}),
-                onClick: this.handleStepMoveDown,
-                tabIndex: -1
-              })
-            })
-          ]
-        })
-      ]
-    });
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrowButtonContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_button.DSButton,
+          {
+            ...arrowProps,
+            "aria-label": "Chevron Down",
+            "data-testid": `${type}-chevron-down`,
+            disabled: activeIndex >= options.length - 1,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronSmallDown, {}),
+            onClick: this.handleStepMoveDown,
+            tabIndex: -1
+          }
+        ) })
+      ] })
+    ] });
   }
 }
 PickerPanel.defaultProps = {

package/dist/cjs/PickerPanel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/PickerPanel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable eqeqeq */\n/* eslint-disable react/prop-types */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport { findIndex } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport memoizeOne from 'memoize-one';\nimport { ChevronSmallUp, ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { MoveElementOnScroll } from './moveElementOnScroll';\nimport { validateIndex } from './utils';\n\nconst blockName = 'time-picker-panel';\n\nconst Container = aggregatedClasses('div')(blockName, null, ({ scrolling }) => ({ scrolling }));\nconst Wrapper = aggregatedClasses('div')(blockName, 'wrapper');\nconst PickerItemListContainer = aggregatedClasses('div')(blockName, 'item-list-container');\nconst PickerItemList = aggregatedClasses('div')(blockName, 'item-list');\nconst PickerHeader = aggregatedClasses('div')(blockName, 'header');\nconst PickerItemContainer = aggregatedClasses('div')(blockName, 'item', ({ selected, disabled }) => ({\n  selected,\n  disabled,\n}));\nconst PickerSelectedOptionSelected = aggregatedClasses('div')(blockName, 'selected-container');\nconst SelectedCircle = aggregatedClasses('div')(blockName, 'selected-circle');\nconst ArrowButtonContainer = aggregatedClasses('div')(blockName, 'arrow-container');\n\nconst getOptionIndex = (options, selectedOption, valueProperty = 'value') => {\n  const index = options.findIndex((option) => option[valueProperty] === selectedOption);\n  return validateIndex(index, options);\n};\n\nconst arrowProps = {\n  buttonType: 'text',\n  fluidHeight: true,\n  fluidWidth: true,\n  size: 's',\n};\n\nexport default class PickerPanel extends Component {\n  computeContainerTranslation = memoizeOne((index) => {\n    const { options, valueProperty } = this.props;\n    const { selectedOption, scrolling } = this.state;\n\n    const selectedOptionIndex = index || getOptionIndex(options, selectedOption, valueProperty);\n    const listYPosition = this.minYListPosition - selectedOptionIndex * this.optionHeight;\n\n    if (this.scrollHandler && !scrolling) this.scrollHandler.updatePosition(listYPosition);\n\n    return listYPosition;\n  });\n\n  constructor(props) {\n    super(props);\n    this.pickerListContainerRef = React.createRef();\n    this.pickerListRef = React.createRef();\n    this.pickerItemRef = React.createRef();\n    this.selectedOptionRef = React.createRef();\n\n    this.state = {\n      selectedOption: props.selected,\n      activeIndex: 0,\n      // eslint-disable-next-line react/no-unused-state\n      prevProps: {},\n    };\n\n    this.getOptionValue = this.getOptionValue.bind(this);\n    this.getOptionLabel = this.getOptionLabel.bind(this);\n    this.computeSizes = this.computeSizes.bind(this);\n    this.handleOptionSelect = this.handleOptionSelect.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.moveTo = this.moveTo.bind(this);\n    this.handleStepMoveUp = this.handleStepMoveUp.bind(this);\n    this.handleStepMoveDown = this.handleStepMoveDown.bind(this);\n    this.renderHeader = this.renderHeader.bind(this);\n  }\n\n  componentDidMount() {\n    this.computeSizes();\n    const pickerListContainerEl = this.pickerListContainerRef.current;\n    const pickerListEl = this.pickerListRef.current;\n\n    this.scrollHandler = new MoveElementOnScroll(pickerListEl, {\n      container: pickerListContainerEl,\n      min: -this.minYListPosition,\n      max: this.maxYListPosition,\n      onUpdate: (pos, delta) => {\n        const { options } = this.props;\n        const index =\n          options.length - -Math.floor((pos - this.maxYListPosition) / this.optionHeight) + (delta > 0 ? 1 : -1);\n        this.moveTo(index, true);\n      },\n      onEndScroll: () => {\n        this.setState({ scrolling: false });\n      },\n    });\n    this.computeContainerTranslation();\n  }\n\n  componentWillUnmount() {\n    this.scrollHandler.unsubscribe();\n  }\n\n  static getDerivedStateFromProps(nextProps, { prevProps }) {\n    const { selected, valueProperty, options } = nextProps;\n    if (selected !== prevProps.selected) {\n      return {\n        selectedOption: selected,\n        activeIndex: getOptionIndex(options, selected, valueProperty),\n        prevProps: nextProps,\n      };\n    }\n    return null;\n  }\n\n  getOptionValue(option) {\n    const { valueProperty } = this.props;\n    return option[valueProperty];\n  }\n\n  getOptionLabel(option) {\n    const { labelProperty } = this.props;\n    return option[labelProperty];\n  }\n\n  computeSizes() {\n    const { options, numberItemsOnScreen } = this.props;\n    const { offsetHeight: optionHeight } = this.pickerItemRef.current;\n\n    this.optionHeight = optionHeight;\n    this.listHeight = this.optionHeight * numberItemsOnScreen;\n\n    this.minYListPosition = this.listHeight / 2 - this.optionHeight / 2;\n    this.maxYListPosition = this.optionHeight * (options.length - Math.ceil(numberItemsOnScreen / 2));\n  }\n\n  handleOptionSelect(optionValue, index, scrolling) {\n    const { onChange } = this.props;\n    this.setState(\n      (state) => ({\n        ...state,\n        scrolling,\n        selectedOption: optionValue,\n        activeIndex: index,\n      }),\n      () => {\n        onChange(optionValue, index);\n      },\n    );\n  }\n\n  // TODO: this needs a refactor from de FocusGroup\n  // eslint-disable-next-line max-statements\n  handleKeyDown(e) {\n    const { activeIndex } = this.state;\n    const { options } = this.props;\n    const [firstColumn, ...restColumns] = document.getElementsByClassName('em-ds-time-picker-panel');\n    const [lastColumn] = restColumns.slice(-1);\n    const [prev] = document.getElementsByClassName('DayPickerNavigation_button');\n    const focusedElement = document.activeElement;\n\n    switch (e.key) {\n      case 'Home':\n        this.moveTo(0);\n        break;\n      case 'End':\n        this.moveTo(options.length - 1);\n        break;\n      case 'ArrowUp':\n        this.moveTo(activeIndex - 1);\n        break;\n      case 'ArrowDown':\n        this.moveTo(activeIndex + 1);\n        break;\n      case 'Tab': {\n        e.preventDefault();\n        // If it is DateTimePicker, move focus to prev arrow element\n        if (prev && focusedElement === lastColumn) {\n          prev.focus();\n        } else if (focusedElement === lastColumn) {\n          firstColumn.focus();\n        } else {\n          const position = findIndex(restColumns, focusedElement);\n          restColumns[position + 1].focus();\n        }\n        break;\n      }\n      default:\n        break;\n    }\n  }\n\n  moveTo(index, scrolling) {\n    const { options } = this.props;\n    const { selectedOption } = this.state;\n    const validIndex = validateIndex(index, options);\n    const option = options[validIndex];\n    const optionValue = this.getOptionValue(option);\n    if (selectedOption !== optionValue && option.disabled !== true) {\n      this.handleOptionSelect(optionValue, validIndex, scrolling);\n    }\n    // TO-DO: if date disabled, add nextValidOption selection\n  }\n\n  handleStepMoveUp() {\n    const { activeIndex } = this.state;\n    const { arrowStep, options } = this.props;\n    const supposedPos = activeIndex - arrowStep;\n    const nextPos = supposedPos >= 0 ? supposedPos : activeIndex - 1;\n\n    const nextValidOption = options.find((op) => !op.disabled);\n    this.moveTo(nextPos, true, nextValidOption);\n  }\n\n  handleStepMoveDown() {\n    const { activeIndex } = this.state;\n    const { arrowStep, options } = this.props;\n    const supposedPos = activeIndex + arrowStep;\n    const nextPos = supposedPos <= options.length ? supposedPos : activeIndex + 1;\n    this.moveTo(nextPos);\n  }\n\n  renderHeader() {\n    const { header } = this.props;\n\n    return <PickerHeader>{header}</PickerHeader>;\n  }\n\n  render() {\n    const { options, hasHeader, type, time, meridiem, disabledTimes } = this.props;\n    const { selectedOption, activeIndex, scrolling } = this.state;\n\n    const listYPosition = this.computeContainerTranslation(activeIndex);\n\n    return (\n      <Wrapper>\n        {hasHeader && this.renderHeader()}\n        <Container classProps={{ scrolling }} onKeyDown={this.handleKeyDown} tabIndex={0}>\n          <PickerSelectedOptionSelected innerRef={this.selectedOptionRef}>\n            <SelectedCircle />\n          </PickerSelectedOptionSelected>\n          <ArrowButtonContainer>\n            <DSButton\n              {...arrowProps}\n              aria-label=\"Chevron Up\"\n              data-testid={`${type}-chevron-up`}\n              disabled={activeIndex <= 0}\n              icon={<ChevronSmallUp />}\n              onClick={this.handleStepMoveUp}\n              tabIndex={-1}\n            />\n          </ArrowButtonContainer>\n          <PickerItemListContainer\n            innerRef={this.pickerListContainerRef}\n            style={{\n              height: this.listHeight,\n            }}\n          >\n            <PickerItemList\n              data-testid={`${type}-list`}\n              innerRef={this.pickerListRef}\n              style={{\n                transform: `translateY(${listYPosition}px)`,\n              }}\n            >\n              {options.map((option, index) => {\n                const value = this.getOptionValue(option);\n                const label = this.getOptionLabel(option);\n                let valueFormatted;\n                if (meridiem === 'AM') valueFormatted = value;\n                else if (meridiem === 'PM' && value === 12) valueFormatted = value;\n                else if (meridiem === 'PM') valueFormatted = value + 12;\n\n                let disabled = false;\n                if (disabledTimes) {\n                  const { from, to } = disabledTimes;\n                  if (\n                    (type === 'hour' && valueFormatted >= from?.hour && valueFormatted < to?.hour) ||\n                    (type === 'minutes' && value >= from?.min && value < to?.min)\n                  ) {\n                    disabled = true;\n                  }\n                  if (type === 'minutes' && (time?.hour() > to?.hour || time?.hour() < from?.hour)) {\n                    disabled = false;\n                  }\n                  if (label === 'am' && from?.hour == 0 && to?.hour >= 12) {\n                    disabled = true;\n                  }\n                  if (label === 'pm' && to?.hour == 24) {\n                    disabled = true;\n                  }\n                }\n\n                option.disabled = disabled;\n\n                return (\n                  <PickerItemContainer\n                    key={value}\n                    classProps={{\n                      selected: selectedOption ? value === selectedOption : index === 0,\n                      disabled,\n                    }}\n                    innerRef={this.pickerItemRef}\n                    onClick={() => {\n                      if (!disabled) this.handleOptionSelect(value, index);\n                    }}\n                  >\n                    {label}\n                  </PickerItemContainer>\n                );\n              })}\n            </PickerItemList>\n          </PickerItemListContainer>\n          <ArrowButtonContainer>\n            <DSButton\n              {...arrowProps}\n              aria-label=\"Chevron Down\"\n              data-testid={`${type}-chevron-down`}\n              disabled={activeIndex >= options.length - 1}\n              icon={<ChevronSmallDown />}\n              onClick={this.handleStepMoveDown}\n              tabIndex={-1}\n            />\n          </ArrowButtonContainer>\n        </Container>\n      </Wrapper>\n    );\n  }\n}\n\nPickerPanel.defaultProps = {\n  valueProperty: 'value',\n  labelProperty: 'label',\n  numberItemsOnScreen: 5, // this number should be impair\n  options: [],\n  arrowStep: 1,\n};\n\nexport { PickerPanel };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkOZ;AA9NX,mBAAiC;AACjC,oBAA0B;AAC1B,2BAAkC;AAClC,yBAAuB;AACvB,sBAAiD;AACjD,uBAAyB;AACzB,iCAAoC;AACpC,mBAA8B;AAE9B,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,UAAU,OAAO,EAAE,UAAU,EAAE;AAC9F,MAAM,cAAU,wCAAkB,KAAK,EAAE,WAAW,SAAS;AAC7D,MAAM,8BAA0B,wCAAkB,KAAK,EAAE,WAAW,qBAAqB;AACzF,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,WAAW;AACtE,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,QAAQ;AACjE,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,WAAW,QAAQ,CAAC,EAAE,UAAU,SAAS,OAAO;AAAA,EACnG;AAAA,EACA;AACF,EAAE;AACF,MAAM,mCAA+B,wCAAkB,KAAK,EAAE,WAAW,oBAAoB;AAC7F,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAC5E,MAAM,2BAAuB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAElF,MAAM,iBAAiB,CAAC,SAAS,gBAAgB,gBAAgB,YAAY;AAC3E,QAAM,QAAQ,QAAQ,UAAU,CAAC,WAAW,OAAO,mBAAmB,cAAc;AACpF,aAAO,4BAAc,OAAO,OAAO;AACrC;AAEA,MAAM,aAAa;AAAA,EACjB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,MAAM;AACR;AAEA,MAAO,oBAAkC,uBAAU;AAAA,EAajD,YAAY,OAAO;AACjB,UAAM,KAAK;AAbb,2CAA8B,mBAAAA,SAAW,CAAC,UAAU;AAClD,YAAM,EAAE,SAAS,cAAc,IAAI,KAAK;AACxC,YAAM,EAAE,gBAAgB,UAAU,IAAI,KAAK;AAE3C,YAAM,sBAAsB,SAAS,eAAe,SAAS,gBAAgB,aAAa;AAC1F,YAAM,gBAAgB,KAAK,mBAAmB,sBAAsB,KAAK;AAEzE,UAAI,KAAK,iBAAiB,CAAC;AAAW,aAAK,cAAc,eAAe,aAAa;AAErF,aAAO;AAAA,IACT,CAAC;AAIC,SAAK,yBAAyB,aAAAC,QAAM,UAAU;AAC9C,SAAK,gBAAgB,aAAAA,QAAM,UAAU;AACrC,SAAK,gBAAgB,aAAAA,QAAM,UAAU;AACrC,SAAK,oBAAoB,aAAAA,QAAM,UAAU;AAEzC,SAAK,QAAQ;AAAA,MACX,gBAAgB,MAAM;AAAA,MACtB,aAAa;AAAA,MAEb,WAAW,CAAC;AAAA,IACd;AAEA,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;AACnD,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAC/C,SAAK,qBAAqB,KAAK,mBAAmB,KAAK,IAAI;AAC3D,SAAK,gBAAgB,KAAK,cAAc,KAAK,IAAI;AACjD,SAAK,SAAS,KAAK,OAAO,KAAK,IAAI;AACnC,SAAK,mBAAmB,KAAK,iBAAiB,KAAK,IAAI;AACvD,SAAK,qBAAqB,KAAK,mBAAmB,KAAK,IAAI;AAC3D,SAAK,eAAe,KAAK,aAAa,KAAK,IAAI;AAAA,EACjD;AAAA,EAEA,oBAAoB;AAClB,SAAK,aAAa;AAClB,UAAM,wBAAwB,KAAK,uBAAuB;AAC1D,UAAM,eAAe,KAAK,cAAc;AAExC,SAAK,gBAAgB,IAAI,+CAAoB,cAAc;AAAA,MACzD,WAAW;AAAA,MACX,KAAK,CAAC,KAAK;AAAA,MACX,KAAK,KAAK;AAAA,MACV,UAAU,CAAC,KAAK,UAAU;AACxB,cAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,cAAM,QACJ,QAAQ,SAAS,CAAC,KAAK,OAAO,MAAM,KAAK,oBAAoB,KAAK,YAAY,KAAK,QAAQ,IAAI,IAAI;AACrG,aAAK,OAAO,OAAO,IAAI;AAAA,MACzB;AAAA,MACA,aAAa,MAAM;AACjB,aAAK,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,MACpC;AAAA,IACF,CAAC;AACD,SAAK,4BAA4B;AAAA,EACnC;AAAA,EAEA,uBAAuB;AACrB,SAAK,cAAc,YAAY;AAAA,EACjC;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,UAAM,EAAE,UAAU,eAAe,QAAQ,IAAI;AAC7C,QAAI,aAAa,UAAU,UAAU;AACnC,aAAO;AAAA,QACL,gBAAgB;AAAA,QAChB,aAAa,eAAe,SAAS,UAAU,aAAa;AAAA,QAC5D,WAAW;AAAA,MACb;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEA,eAAe,QAAQ;AACrB,UAAM,EAAE,cAAc,IAAI,KAAK;AAC/B,WAAO,OAAO;AAAA,EAChB;AAAA,EAEA,eAAe,QAAQ;AACrB,UAAM,EAAE,cAAc,IAAI,KAAK;AAC/B,WAAO,OAAO;AAAA,EAChB;AAAA,EAEA,eAAe;AACb,UAAM,EAAE,SAAS,oBAAoB,IAAI,KAAK;AAC9C,UAAM,EAAE,cAAc,aAAa,IAAI,KAAK,cAAc;AAE1D,SAAK,eAAe;AACpB,SAAK,aAAa,KAAK,eAAe;AAEtC,SAAK,mBAAmB,KAAK,aAAa,IAAI,KAAK,eAAe;AAClE,SAAK,mBAAmB,KAAK,gBAAgB,QAAQ,SAAS,KAAK,KAAK,sBAAsB,CAAC;AAAA,EACjG;AAAA,EAEA,mBAAmB,aAAa,OAAO,WAAW;AAChD,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,SAAK;AAAA,MACH,CAAC,WAAW;AAAA,QACV,GAAG;AAAA,QACH;AAAA,QACA,gBAAgB;AAAA,QAChB,aAAa;AAAA,MACf;AAAA,MACA,MAAM;AACJ,iBAAS,aAAa,KAAK;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AAAA,EAIA,cAAc,GAAG;AACf,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAM,CAAC,gBAAgB,WAAW,IAAI,SAAS,uBAAuB,yBAAyB;AAC/F,UAAM,CAAC,UAAU,IAAI,YAAY,MAAM,EAAE;AACzC,UAAM,CAAC,IAAI,IAAI,SAAS,uBAAuB,4BAA4B;AAC3E,UAAM,iBAAiB,SAAS;AAEhC,YAAQ,EAAE,KAAK;AAAA,MACb,KAAK;AACH,aAAK,OAAO,CAAC;AACb;AAAA,MACF,KAAK;AACH,aAAK,OAAO,QAAQ,SAAS,CAAC;AAC9B;AAAA,MACF,KAAK;AACH,aAAK,OAAO,cAAc,CAAC;AAC3B;AAAA,MACF,KAAK;AACH,aAAK,OAAO,cAAc,CAAC;AAC3B;AAAA,MACF,KAAK,OAAO;AACV,UAAE,eAAe;AAEjB,YAAI,QAAQ,mBAAmB,YAAY;AACzC,eAAK,MAAM;AAAA,QACb,WAAW,mBAAmB,YAAY;AACxC,sBAAY,MAAM;AAAA,QACpB,OAAO;AACL,gBAAM,eAAW,yBAAU,aAAa,cAAc;AACtD,sBAAY,WAAW,GAAG,MAAM;AAAA,QAClC;AACA;AAAA,MACF;AAAA,MACA;AACE;AAAA,IACJ;AAAA,EACF;AAAA,EAEA,OAAO,OAAO,WAAW;AACvB,UAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAM,EAAE,eAAe,IAAI,KAAK;AAChC,UAAM,iBAAa,4BAAc,OAAO,OAAO;AAC/C,UAAM,SAAS,QAAQ;AACvB,UAAM,cAAc,KAAK,eAAe,MAAM;AAC9C,QAAI,mBAAmB,eAAe,OAAO,aAAa,MAAM;AAC9D,WAAK,mBAAmB,aAAa,YAAY,SAAS;AAAA,IAC5D;AAAA,EAEF;AAAA,EAEA,mBAAmB;AACjB,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,EAAE,WAAW,QAAQ,IAAI,KAAK;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,UAAU,eAAe,IAAI,cAAc,cAAc;AAE/D,UAAM,kBAAkB,QAAQ,KAAK,CAAC,OAAO,CAAC,GAAG,QAAQ;AACzD,SAAK,OAAO,SAAS,MAAM,eAAe;AAAA,EAC5C;AAAA,EAEA,qBAAqB;AACnB,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,EAAE,WAAW,QAAQ,IAAI,KAAK;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,UAAU,eAAe,QAAQ,SAAS,cAAc,cAAc;AAC5E,SAAK,OAAO,OAAO;AAAA,EACrB;AAAA,EAEA,eAAe;AACb,UAAM,EAAE,OAAO,IAAI,KAAK;AAExB,WAAO,4CAAC,gBAAc,kBAAO;AAAA,EAC/B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,WAAW,MAAM,MAAM,UAAU,cAAc,IAAI,KAAK;AACzE,UAAM,EAAE,gBAAgB,aAAa,UAAU,IAAI,KAAK;AAExD,UAAM,gBAAgB,KAAK,4BAA4B,WAAW;AAElE,WACE,6CAAC,WACE;AAAA,mBAAa,KAAK,aAAa;AAAA,MAChC,6CAAC,aAAU,YAAY,EAAE,UAAU,GAAG,WAAW,KAAK,eAAe,UAAU,GAC7E;AAAA,oDAAC,gCAA6B,UAAU,KAAK,mBAC3C,sDAAC,kBAAe,GAClB;AAAA,QACA,4CAAC,wBACC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAW;AAAA,YACX,eAAa,GAAG;AAAA,YAChB,UAAU,eAAe;AAAA,YACzB,MAAM,4CAAC,kCAAe;AAAA,YACtB,SAAS,KAAK;AAAA,YACd,UAAU;AAAA;AAAA,QACZ,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,UAAU,KAAK;AAAA,YACf,OAAO;AAAA,cACL,QAAQ,KAAK;AAAA,YACf;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,eAAa,GAAG;AAAA,gBAChB,UAAU,KAAK;AAAA,gBACf,OAAO;AAAA,kBACL,WAAW,cAAc;AAAA,gBAC3B;AAAA,gBAEC,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,wBAAM,QAAQ,KAAK,eAAe,MAAM;AACxC,wBAAM,QAAQ,KAAK,eAAe,MAAM;AACxC,sBAAI;AACJ,sBAAI,aAAa;AAAM,qCAAiB;AAAA,2BAC/B,aAAa,QAAQ,UAAU;AAAI,qCAAiB;AAAA,2BACpD,aAAa;AAAM,qCAAiB,QAAQ;AAErD,sBAAI,WAAW;AACf,sBAAI,eAAe;AACjB,0BAAM,EAAE,MAAM,GAAG,IAAI;AACrB,wBACG,SAAS,UAAU,kBAAkB,MAAM,QAAQ,iBAAiB,IAAI,QACxE,SAAS,aAAa,SAAS,MAAM,OAAO,QAAQ,IAAI,KACzD;AACA,iCAAW;AAAA,oBACb;AACA,wBAAI,SAAS,cAAc,MAAM,KAAK,IAAI,IAAI,QAAQ,MAAM,KAAK,IAAI,MAAM,OAAO;AAChF,iCAAW;AAAA,oBACb;AACA,wBAAI,UAAU,QAAQ,MAAM,QAAQ,KAAK,IAAI,QAAQ,IAAI;AACvD,iCAAW;AAAA,oBACb;AACA,wBAAI,UAAU,QAAQ,IAAI,QAAQ,IAAI;AACpC,iCAAW;AAAA,oBACb;AAAA,kBACF;AAEA,yBAAO,WAAW;AAElB,yBACE;AAAA,oBAAC;AAAA;AAAA,sBAEC,YAAY;AAAA,wBACV,UAAU,iBAAiB,UAAU,iBAAiB,UAAU;AAAA,wBAChE;AAAA,sBACF;AAAA,sBACA,UAAU,KAAK;AAAA,sBACf,SAAS,MAAM;AACb,4BAAI,CAAC;AAAU,+BAAK,mBAAmB,OAAO,KAAK;AAAA,sBACrD;AAAA,sBAEC;AAAA;AAAA,oBAVI;AAAA,kBAWP;AAAA,gBAEJ,CAAC;AAAA;AAAA,YACH;AAAA;AAAA,QACF;AAAA,QACA,4CAAC,wBACC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,cAAW;AAAA,YACX,eAAa,GAAG;AAAA,YAChB,UAAU,eAAe,QAAQ,SAAS;AAAA,YAC1C,MAAM,4CAAC,oCAAiB;AAAA,YACxB,SAAS,KAAK;AAAA,YACd,UAAU;AAAA;AAAA,QACZ,GACF;AAAA,SACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,YAAY,eAAe;AAAA,EACzB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,SAAS,CAAC;AAAA,EACV,WAAW;AACb;",
   "names": ["memoizeOne", "React"]
 }

package/dist/cjs/TimePickerDropdown.js

@@ -33,29 +33,26 @@ var import_prop_types = __toESM(require("prop-types"));
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
-const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popper.default, {
-  blockName,
-  placement,
-  contentComponent: menu,
-  isOpen,
-  onOpen,
-  modifiers: {
-    preventOverflow: {
-      enabled: true,
-      padding: 0,
-      boundariesElement: "window"
-    }
-  },
-  showArrow: false,
-  triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
-    buttonType: "secondary",
-    disabled,
-    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.RecentDocuments, {}),
-    iconSize: "s",
-    onClick
-  }),
-  zIndex
-});
+const TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_ds_popper.default,
+  {
+    blockName,
+    placement,
+    contentComponent: menu,
+    isOpen,
+    onOpen,
+    modifiers: {
+      preventOverflow: {
+        enabled: true,
+        padding: 0,
+        boundariesElement: "window"
+      }
+    },
+    showArrow: false,
+    triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, { buttonType: "secondary", disabled, icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.RecentDocuments, {}), iconSize: "s", onClick }),
+    zIndex
+  }
+);
 TimePickerDropdown.propTypes = {
   onClick: import_prop_types.default.func,
   onOpen: import_prop_types.default.func,

package/dist/cjs/TimePickerDropdown.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/TimePickerDropdown.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { RecentDocuments } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSPopper from '@elliemae/ds-popper';\n\nconst TimePickerDropdown = ({ disabled = false, onClick, onOpen, isOpen, menu, zIndex, blockName, placement }) => (\n  <DSPopper\n    blockName={blockName}\n    placement={placement}\n    contentComponent={menu}\n    isOpen={isOpen}\n    onOpen={onOpen}\n    modifiers={{\n      preventOverflow: {\n        enabled: true,\n        padding: 0,\n        boundariesElement: 'window',\n      },\n    }}\n    showArrow={false}\n    triggerComponent={\n      <DSButton buttonType=\"secondary\" disabled={disabled} icon={<RecentDocuments />} iconSize=\"s\" onClick={onClick} />\n    }\n    zIndex={zIndex}\n  />\n);\n\nTimePickerDropdown.propTypes = {\n  onClick: PropTypes.func,\n  onOpen: PropTypes.func,\n  disabled: PropTypes.bool,\n  isOpen: PropTypes.bool,\n  menu: PropTypes.element,\n  blockName: PropTypes.string,\n  placement: PropTypes.string,\n  zIndex: PropTypes.number,\n};\n\nexport default TimePickerDropdown;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsB0C;AArBjE,wBAAsB;AACtB,sBAAgC;AAChC,uBAAqB;AACrB,uBAAqB;AAErB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,UAAU,MAC1G,4CAAC,iBAAAA,SAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,IACT,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,SAAS;AAAA,MACT,mBAAmB;AAAA,IACrB;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,kBACE,4CAAC,iBAAAC,SAAA;AAAA,IAAS,YAAW;AAAA,IAAY;AAAA,IAAoB,MAAM,4CAAC,mCAAgB;AAAA,IAAI,UAAS;AAAA,IAAI;AAAA,GAAkB;AAAA,EAEjH;AAAA,CACF;AAGF,mBAAmB,YAAY;AAAA,EAC7B,SAAS,kBAAAC,QAAU;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,UAAU,kBAAAA,QAAU;AAAA,EACpB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,MAAM,kBAAAA,QAAU;AAAA,EAChB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,IAAO,6BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsB0C;AArBjE,wBAAsB;AACtB,sBAAgC;AAChC,uBAAqB;AACrB,uBAAqB;AAErB,MAAM,qBAAqB,CAAC,EAAE,WAAW,OAAO,SAAS,QAAQ,QAAQ,MAAM,QAAQ,WAAW,UAAU,MAC1G;AAAA,EAAC,iBAAAA;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,kBACE,4CAAC,iBAAAC,SAAA,EAAS,YAAW,aAAY,UAAoB,MAAM,4CAAC,mCAAgB,GAAI,UAAS,KAAI,SAAkB;AAAA,IAEjH;AAAA;AACF;AAGF,mBAAmB,YAAY;AAAA,EAC7B,SAAS,kBAAAC,QAAU;AAAA,EACnB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,UAAU,kBAAAA,QAAU;AAAA,EACpB,QAAQ,kBAAAA,QAAU;AAAA,EAClB,MAAM,kBAAAA,QAAU;AAAA,EAChB,WAAW,kBAAAA,QAAU;AAAA,EACrB,WAAW,kBAAAA,QAAU;AAAA,EACrB,QAAQ,kBAAAA,QAAU;AACpB;AAEA,IAAO,6BAAQ;",
   "names": ["DSPopper", "DSButton", "PropTypes"]
 }

package/dist/cjs/TimePickerImpl.js

@@ -118,50 +118,53 @@ const TimePickerImpl = ({
     from: (0, import_utils.convertTimeString)(disabledTimes.from),
     to: (0, import_utils.convertTimeString)(disabledTimes.to)
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TimePickerContainer, {
-    className: `${className} variant-${!disabled ? "default" : "disabled"}`,
-    containerProps,
-    disabled,
-    rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimePickerDropdown.default, {
-      blockName: timePickerBlockName,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    TimePickerContainer,
+    {
+      className: `${className} variant-${!disabled ? "default" : "disabled"}`,
+      containerProps,
       disabled,
-      isOpen: isMenuOpened,
-      zIndex,
-      placement,
-      onOpen: handleMenuOpen,
-      onClick: (e) => {
-        e.preventDefault();
-        handleMenuOpen(!isMenuOpened);
-      },
-      menu: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-        ref: timePickerRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimePickerMenu.default, {
+      rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_TimePickerDropdown.default,
+        {
+          blockName: timePickerBlockName,
           disabled,
-          disabledTimes: disabledTimeRange,
-          format,
-          hasHeader,
-          hasHeaderDisplay,
-          onTimeChange: handlePickerChange,
-          minutesInterval,
-          time,
-          ...visiblePanels
-        })
-      })
-    }),
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSInput, {
-      customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.TimeInputImpl, {
-        clearable: true,
-        disabled,
-        format,
-        onChange: handleChange,
-        ...restInputProps
-      }),
-      isShowElipsisActive: false,
-      disabled,
-      onChange: handleInputChange,
-      value: time
-    })
-  });
+          isOpen: isMenuOpened,
+          zIndex,
+          placement,
+          onOpen: handleMenuOpen,
+          onClick: (e) => {
+            e.preventDefault();
+            handleMenuOpen(!isMenuOpened);
+          },
+          menu: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: timePickerRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_TimePickerMenu.default,
+            {
+              disabled,
+              disabledTimes: disabledTimeRange,
+              format,
+              hasHeader,
+              hasHeaderDisplay,
+              onTimeChange: handlePickerChange,
+              minutesInterval,
+              time,
+              ...visiblePanels
+            }
+          ) })
+        }
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_ds_form.DSInput,
+        {
+          customInputType: ({ onChange: handleChange, ...restInputProps }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.TimeInputImpl, { clearable: true, disabled, format, onChange: handleChange, ...restInputProps }),
+          isShowElipsisActive: false,
+          disabled,
+          onChange: handleInputChange,
+          value: time
+        }
+      )
+    }
+  );
 };
 TimePickerImpl.propTypes = {
   value: import_prop_types.default.instanceOf(Date, import_moment.default),

package/dist/cjs/TimePickerImpl.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/TimePickerImpl.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-shadow */\nimport React, { useState, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport memoizeOne from 'memoize-one';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport { aggregatedClasses, convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSInput, DSInputGroup, TimeInputImpl } from '@elliemae/ds-form';\nimport TimePickerMenu from './TimePickerMenu';\nimport TimePickerDropdown from './TimePickerDropdown';\nimport { convertTimeString } from './utils';\n\nconst blockName = 'time-picker';\n\nconst TimePickerContainer = aggregatedClasses(DSInputGroup)(blockName, null, ({ isMenuOpened }) => ({\n  isMenuOpened,\n}));\n\nconst TimePickerImpl = ({\n  value,\n  onChange,\n  onOpen,\n  format,\n  disabled,\n  hasHeader,\n  hasHeaderDisplay,\n  className,\n  containerProps,\n  placement,\n  zIndex,\n  disabledTimes,\n  minutesInterval,\n}) => {\n  const [time, setTime] = useState();\n  const [isMenuOpened, setIsMenuOpened] = useState(false);\n  const [focusedColumn, setFocusedColumn] = useState(null);\n  const timePickerRef = useRef();\n  useEffect(() => {\n    if (moment(value).isValid()) setTime(moment(value));\n    else if (value === null) setTime(undefined);\n  }, [value]);\n\n  useEffect(() => {\n    window.addEventListener('click', handleClickOutside, false);\n    return () => window.removeEventListener('click', handleClickOutside, false);\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown, false);\n    return () => window.removeEventListener('keydown', handleKeyDown, false);\n  }, []);\n\n  useEffect(() => {\n    if (isMenuOpened) handleChangeFocus();\n  }, [isMenuOpened]);\n\n  const handleClickOutside = () => {\n    if (isMenuOpened) setIsMenuOpened(false);\n  };\n\n  const handleKeyDown = (event) => {\n    const { key } = event;\n    const menuOpenKeys = ['Escape', ' ', 'Enter'];\n    if (menuOpenKeys.includes(key)) setIsMenuOpened(false);\n  };\n\n  const handleChangeFocus = () => {\n    const [firstColumn] = document.getElementsByClassName('em-ds-time-picker-panel');\n    if (firstColumn && !focusedColumn) {\n      setFocusedColumn(firstColumn);\n      firstColumn.focus();\n    }\n  };\n\n  const handlePickerChange = (newTime) => {\n    setTime(moment(newTime));\n    onChange(moment(newTime));\n  };\n\n  const handleInputChange = (newTime) => {\n    setTime(newTime);\n    onChange(newTime);\n  };\n\n  const handleMenuOpen = (isOpen) => {\n    onOpen(isOpen);\n    setIsMenuOpened(isOpen);\n    if (!isOpen) setFocusedColumn(null);\n  };\n\n  const getVisibleTimePanels = memoizeOne((format) => getVisibleTimeByFormat(format));\n  const timePickerBlockName = convertPropToCssClassName(blockName);\n  const visiblePanels = getVisibleTimePanels(format);\n\n  const disabledTimeRange = disabledTimes && {\n    from: convertTimeString(disabledTimes.from),\n    to: convertTimeString(disabledTimes.to),\n  };\n\n  return (\n    <TimePickerContainer\n      className={`${className} variant-${!disabled ? 'default' : 'disabled'}`}\n      containerProps={containerProps}\n      disabled={disabled}\n      rightAddon={\n        <TimePickerDropdown\n          blockName={timePickerBlockName}\n          disabled={disabled}\n          isOpen={isMenuOpened}\n          zIndex={zIndex}\n          placement={placement}\n          onOpen={handleMenuOpen}\n          onClick={(e) => {\n            e.preventDefault();\n            handleMenuOpen(!isMenuOpened);\n          }}\n          menu={\n            <div ref={timePickerRef}>\n              <TimePickerMenu\n                disabled={disabled}\n                disabledTimes={disabledTimeRange}\n                format={format}\n                hasHeader={hasHeader}\n                hasHeaderDisplay={hasHeaderDisplay}\n                onTimeChange={handlePickerChange}\n                minutesInterval={minutesInterval}\n                time={time}\n                {...visiblePanels}\n              />\n            </div>\n          }\n        />\n      }\n    >\n      <DSInput\n        customInputType={({ onChange: handleChange, ...restInputProps }) => (\n          <TimeInputImpl clearable disabled={disabled} format={format} onChange={handleChange} {...restInputProps} />\n        )}\n        isShowElipsisActive={false}\n        disabled={disabled}\n        onChange={handleInputChange}\n        value={time}\n      />\n    </TimePickerContainer>\n  );\n};\n\nTimePickerImpl.propTypes = {\n  value: PropTypes.instanceOf(Date, moment),\n  onChange: PropTypes.func,\n  onOpen: PropTypes.func,\n  format: PropTypes.string,\n  disabled: PropTypes.bool,\n  hasHeader: PropTypes.bool,\n  hasHeaderDisplay: PropTypes.bool,\n  className: PropTypes.string,\n  containerProps: PropTypes.object,\n  placement: PropTypes.string,\n  zIndex: PropTypes.number,\n  disabledTimes: PropTypes.object,\n  minutesInterval: PropTypes.number,\n};\n\nexport default TimePickerImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["moment", "memoizeOne", "format", "TimePickerDropdown", "TimePickerMenu", "PropTypes"]
 }