@elliemae/ds-controlled-form 2.3.1-rc.2 → 3.0.0-alpha.2

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/CalendarWithTimeWheelWrapper.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var CalendarWithTimeWheelContent = require('./CalendarWithTimeWheelContent.js');
-var CalendarWithTimeWheelContext = require('./CalendarWithTimeWheelContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _CalendarWithTimeWhee, _CalendarWithTimeWhee2;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const CalendarWithTimeWheelWrapper = () => {
-  const {
-    setPopperElement,
-    setArrowElement,
-    usePopperHelpers: {
-      attributes,
-      styles
-    },
-    isControllerOnly
-  } = React.useContext(CalendarWithTimeWheelContext.CalendarWithTimeWheelContext);
-  if (isControllerOnly) return _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, {}));
-  return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
-    ref: setPopperElement,
-    style: _objectSpread(_objectSpread({}, styles.popper), {}, {
-      background: 'white',
-      zIndex: 110
-    })
-  }, attributes.popper), {}, {
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.CONTEXTUAL_MENU.CALENDAR_TIMEWHEEL,
-    children: [_CalendarWithTimeWhee2 || (_CalendarWithTimeWhee2 = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheelContent.CalendarWithTimeWheelContent, {})), /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: setArrowElement,
-      style: styles.arrow
-    })]
-  }));
-};
-
-exports.CalendarWithTimeWheelWrapper = CalendarWithTimeWheelWrapper;

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var DSButton = require('@elliemae/ds-button');
-var CalendarContent = require('../Calendar/CalendarContent.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledIconTriggerButton = /*#__PURE__*/styled__default["default"](DSButton.DSButtonV2).withConfig({
-  componentId: "sc-h2xj8r-0"
-})(["color:", ";width:26px;height:26px;"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.brand['600'];
-});
-const StyledCalendarWithTimeWheelWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-h2xj8r-1"
-})(["background:", ";", " display:grid;grid-template-columns:260px 192px;grid-template-rows:1fr;column-gap:0;& > div:last-of-type{box-shadow:-1px 0 0 0 ", ";margin-left:1px;}"], _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.colors.neutral['000'];
-}, _ref3 => {
-  let {
-    isControllerOnly
-  } = _ref3;
-  return isControllerOnly ? undefined : 'box-shadow: 0 6px 20px 0 rgb(0 0 0 / 24%), 0 8px 17px 0 rgb(0 0 0 / 19%);';
-}, _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.colors.neutral[200];
-});
-const StyledCalendar = /*#__PURE__*/styled__default["default"](CalendarContent.CalendarContent).withConfig({
-  componentId: "sc-h2xj8r-2"
-})(["box-shadow:none;"]);
-const CalendarWithTimeWheelFooterMessage = /*#__PURE__*/styled__default["default"].footer.withConfig({
-  componentId: "sc-h2xj8r-3"
-})(["border-top:solid 1px ", ";margin:0 ", ";padding:", " 0;color:", ";font-style:italic;font-weight:", ";font-size:", ";text-align:right;grid-column:1/3;"], _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.colors.neutral[300];
-}, _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.space.xxs2;
-}, _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.space.xxs2;
-}, _ref8 => {
-  let {
-    theme
-  } = _ref8;
-  return theme.colors.danger[900];
-}, _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.fontWeights.thin;
-}, _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.fontSizes.microText[200];
-});
-
-exports.CalendarWithTimeWheelFooterMessage = CalendarWithTimeWheelFooterMessage;
-exports.StyledCalendar = StyledCalendar;
-exports.StyledCalendarWithTimeWheelWrapper = StyledCalendarWithTimeWheelWrapper;
-exports.StyledIconTriggerButton = StyledIconTriggerButton;

package/cjs/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/useConfigCalendarWithTimeWheelCTX.js

@@ -1,123 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var reactPopper = require('react-popper');
-var ControlledDateTimePickerTypes = require('../../../ControlledDateTimePickerTypes.js');
-var ControlledDateTimePickerCTX = require('../../../ControlledDateTimePickerCTX.js');
-var useOnClickOutside = require('../../../utils/hooks/useOnClickOutside.js');
-var CalendarContext = require('../Calendar/CalendarContext.js');
-var TimeWheelContext = require('../TimeWheel/TimeWheelContext.js');
-var constants = require('../../../utils/constants.js');
-
-const useConfigCalendarWithTimeWheelCTX = () => {
-  const {
-    pickerButtonRef,
-    props: {
-      type,
-      onPickerOpen,
-      onPickerClose,
-      disabled
-    },
-    hideDate,
-    hideTime,
-    monthInputRef,
-    hourInputRef,
-    withAnyInputs,
-    isWithTimeInputs,
-    meridiemInputRef,
-    yearInputRef,
-    ariaCurrentValueForInputs
-  } = React.useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  const {
-    handleToggleCalendar
-  } = React.useContext(CalendarContext.CalendarContext);
-  const {
-    handleToggleTimePicker
-  } = React.useContext(TimeWheelContext.TimeWheelContext);
-  const [showCalendarWithTimeWheel, setShowCalendarWithTimeWheel] = React.useState(false);
-  const onHomeKeyDown = React.useCallback(() => {
-    var _monthInputRef$curren, _monthInputRef$curren2, _hourInputRef$current, _hourInputRef$current2;
-
-    if (!hideDate) monthInputRef === null || monthInputRef === void 0 ? void 0 : (_monthInputRef$curren = monthInputRef.current) === null || _monthInputRef$curren === void 0 ? void 0 : (_monthInputRef$curren2 = _monthInputRef$curren.focus) === null || _monthInputRef$curren2 === void 0 ? void 0 : _monthInputRef$curren2.call(_monthInputRef$curren);else if (!hideTime) hourInputRef === null || hourInputRef === void 0 ? void 0 : (_hourInputRef$current = hourInputRef.current) === null || _hourInputRef$current === void 0 ? void 0 : (_hourInputRef$current2 = _hourInputRef$current.focus) === null || _hourInputRef$current2 === void 0 ? void 0 : _hourInputRef$current2.call(_hourInputRef$current);
-  }, [hideDate, hideTime, monthInputRef, hourInputRef]);
-  const handlePickerIconKeyDown = React.useCallback(e => {
-    const {
-      key
-    } = e;
-    if (constants.homeEndKeys.includes(key)) e.preventDefault();
-    if (constants.homeEndKeys.includes(key)) e.stopPropagation();
-    if (key === 'Home') onHomeKeyDown();
-
-    if (key === 'Backspace' && withAnyInputs) {
-      var _meridiemInputRef$cur, _meridiemInputRef$cur2, _yearInputRef$current, _yearInputRef$current2;
-
-      if (isWithTimeInputs) meridiemInputRef === null || meridiemInputRef === void 0 ? void 0 : (_meridiemInputRef$cur = meridiemInputRef.current) === null || _meridiemInputRef$cur === void 0 ? void 0 : (_meridiemInputRef$cur2 = _meridiemInputRef$cur.focus) === null || _meridiemInputRef$cur2 === void 0 ? void 0 : _meridiemInputRef$cur2.call(_meridiemInputRef$cur);else yearInputRef === null || yearInputRef === void 0 ? void 0 : (_yearInputRef$current = yearInputRef.current) === null || _yearInputRef$current === void 0 ? void 0 : (_yearInputRef$current2 = _yearInputRef$current.focus) === null || _yearInputRef$current2 === void 0 ? void 0 : _yearInputRef$current2.call(_yearInputRef$current);
-    }
-  }, [isWithTimeInputs, meridiemInputRef, onHomeKeyDown, withAnyInputs, yearInputRef]);
-  const [referenceElement, setReferenceElement] = React.useState(null);
-  const [popperElement, setPopperElement] = React.useState(null);
-  const [arrowElement, setArrowElement] = React.useState(null);
-  const usePopperHelpers = reactPopper.usePopper(referenceElement, popperElement, {
-    modifiers: [{
-      name: 'arrow',
-      options: {
-        element: arrowElement
-      }
-    }]
-  });
-  const openCalendar = React.useCallback(e => {
-    setShowCalendarWithTimeWheel(true);
-    onPickerOpen();
-    setTimeout(() => handleToggleCalendar(e));
-    setTimeout(() => handleToggleTimePicker(e));
-  }, [handleToggleCalendar, handleToggleTimePicker, onPickerOpen]);
-  const closeCalendar = React.useCallback(e => {
-    setShowCalendarWithTimeWheel(false);
-    onPickerClose();
-    setTimeout(() => handleToggleCalendar(e));
-    setTimeout(() => handleToggleTimePicker(e));
-  }, [handleToggleCalendar, handleToggleTimePicker, onPickerClose]);
-  const handleToggleCalendarWithTimeWheel = React.useCallback(e => {
-    if (!showCalendarWithTimeWheel) openCalendar(e);else closeCalendar(e);
-  }, [closeCalendar, openCalendar, showCalendarWithTimeWheel]);
-  useOnClickOutside.useOnClickOutside(popperElement, e => {
-    var _pickerButtonRef$curr, _pickerButtonRef$curr2;
-
-    if (!(pickerButtonRef !== null && pickerButtonRef !== void 0 && (_pickerButtonRef$curr = pickerButtonRef.current) !== null && _pickerButtonRef$curr !== void 0 && (_pickerButtonRef$curr2 = _pickerButtonRef$curr.contains) !== null && _pickerButtonRef$curr2 !== void 0 && _pickerButtonRef$curr2.call(_pickerButtonRef$curr, e === null || e === void 0 ? void 0 : e.target))) closeCalendar(e);
-  });
-  const handleSetTriggerRef = React.useCallback(newRef => {
-    pickerButtonRef.current = newRef;
-    setReferenceElement(newRef);
-  }, [pickerButtonRef]);
-  const handleMenuWrapperKeyDown = React.useCallback(e => {
-    const {
-      key
-    } = e;
-
-    if (key === 'Escape') {
-      var _pickerButtonRef$curr3, _pickerButtonRef$curr4;
-
-      closeCalendar(e);
-      pickerButtonRef === null || pickerButtonRef === void 0 ? void 0 : (_pickerButtonRef$curr3 = pickerButtonRef.current) === null || _pickerButtonRef$curr3 === void 0 ? void 0 : (_pickerButtonRef$curr4 = _pickerButtonRef$curr3.focus) === null || _pickerButtonRef$curr4 === void 0 ? void 0 : _pickerButtonRef$curr4.call(_pickerButtonRef$curr3);
-    }
-  }, [closeCalendar, pickerButtonRef]);
-  const isControllerOnly = React.useMemo(() => type === ControlledDateTimePickerTypes.CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.CONTROLLER_ONLY, [type]);
-  return React.useMemo(() => ({
-    showCalendarWithTimeWheel,
-    setPopperElement,
-    setArrowElement,
-    usePopperHelpers,
-    handleToggleCalendarWithTimeWheel,
-    handleSetTriggerRef,
-    handleMenuWrapperKeyDown,
-    handlePickerIconKeyDown,
-    isControllerOnly,
-    disabled,
-    ariaCurrentValueForInputs
-  }), [showCalendarWithTimeWheel, usePopperHelpers, handleToggleCalendarWithTimeWheel, handleSetTriggerRef, handleMenuWrapperKeyDown, handlePickerIconKeyDown, isControllerOnly, disabled, ariaCurrentValueForInputs]);
-};
-
-exports.useConfigCalendarWithTimeWheelCTX = useConfigCalendarWithTimeWheelCTX;

package/cjs/controlled-date-time-picker/parts/Pickers/PickersIcons.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var ControlledDateTimePickerCTX = require('../../ControlledDateTimePickerCTX.js');
-var Styleds = require('../Styleds.js');
-var CalendarWithTimeWheel = require('./CalendarWithTimeWheel/CalendarWithTimeWheel.js');
-var Calendar = require('./Calendar/Calendar.js');
-var TimeWheel = require('./TimeWheel/TimeWheel.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _Calendar, _TimeWheel, _CalendarWithTimeWhee;
-const PickersIcons = () => {
-  const {
-    hideDatePicker,
-    hideTimePicker,
-    hideDateTimePicker,
-    isControllerOnly,
-    props: {
-      hasError
-    }
-  } = React__default["default"].useContext(ControlledDateTimePickerCTX.ControlledDateTimePickerContext);
-  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledPickersIconsWrapperGrid, {
-    hasError: hasError,
-    isControllerOnly: isControllerOnly
-  }, void 0, !hideDatePicker && hideTimePicker && hideDateTimePicker ? _Calendar || (_Calendar = /*#__PURE__*/_jsx__default["default"](Calendar.Calendar, {})) : null, hideDatePicker && !hideTimePicker && hideDateTimePicker ? _TimeWheel || (_TimeWheel = /*#__PURE__*/_jsx__default["default"](TimeWheel.TimeWheel, {})) : null, hideDatePicker && hideTimePicker && !hideDateTimePicker ? _CalendarWithTimeWhee || (_CalendarWithTimeWhee = /*#__PURE__*/_jsx__default["default"](CalendarWithTimeWheel.CalendarWithTimeWheel, {})) : null);
-};
-
-exports.PickersIcons = PickersIcons;

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/HoursList.js

@@ -1,106 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var numberHelpers = require('../../../utils/numberHelpers.js');
-var Styleds = require('./Styleds.js');
-var TimeWheelContext = require('./TimeWheelContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _ChevronSmallUp, _ChevronSmallDown;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const HoursList = () => {
-  const {
-    currHourNum,
-    hours,
-    minutes,
-    meridiem,
-    visibleHours,
-    handlePrevHour,
-    handleNextHour,
-    handleTimeWheelBtnChangeHours,
-    handlePrevHourBtnOnKeyDown,
-    handleCurrHourOnKeyDown,
-    handleNextHourBtnOnKeyDown,
-    prevHourBtnRef,
-    currHourBtnRef,
-    nextHourBtnRef,
-    getIsDisabledTime,
-    autoFocusHourTimeWheel
-  } = React.useContext(TimeWheelContext.TimeWheelContext);
-  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelList, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
-    "aria-label": "subtract one hour",
-    buttonType: "raw",
-    size: "m",
-    onClick: handlePrevHour,
-    onKeyDown: handlePrevHourBtnOnKeyDown,
-    innerRef: prevHourBtnRef,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_HOUR,
-    tabIndex: -1
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})))), visibleHours.map(hourString => {
-    const key = "timewheel-hour-".concat(hourString);
-    if (!hourString) return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, key);
-    const currHourTimeString = "".concat(hourString, ":").concat(minutes || '00', " ").concat(meridiem || 'AM');
-    const isEmptyCurrValueCurrentListItem = !hours && numberHelpers.convertToPositiveNumberIfPossible(hourString) === currHourNum;
-    const isCurrentListItem = isEmptyCurrValueCurrentListItem || hours === hourString;
-    const isDisabled = getIsDisabledTime(currHourTimeString);
-    const tabIndex = isCurrentListItem ? 0 : -1;
-    const btnProps = {
-      onKeyDown: isCurrentListItem ? handleCurrHourOnKeyDown : undefined,
-      innerRef: isCurrentListItem ? currHourBtnRef : undefined
-    };
-    return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem
-    }, key, /*#__PURE__*/jsxRuntime.jsx(Styleds.StyledTimeBtn, _objectSpread(_objectSpread({
-      isCurrentListItem: isCurrentListItem,
-      autoFocus: autoFocusHourTimeWheel && isCurrentListItem,
-      "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_HOUR' : 'HOUR'],
-      selected: hours.length === 2 && numberHelpers.convertToPositiveNumberIfPossible(hourString) === currHourNum,
-      "aria-label": "".concat(hourString, " hours"),
-      "aria-disabled": isDisabled,
-      isDisabled: isDisabled,
-      buttonType: "raw",
-      size: "m",
-      onClick: e => handleTimeWheelBtnChangeHours(hourString, e),
-      tabIndex: tabIndex,
-      role: "spinbutton",
-      "aria-valuemax": "12",
-      "aria-valuemin": "1",
-      "aria-valuenow": currHourNum,
-      "aria-valuetext": "".concat(hourString, " hours")
-    }, btnProps), {}, {
-      children: hourString
-    })));
-  }), /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
-    "aria-label": "add one hour",
-    buttonType: "raw",
-    size: "m",
-    onClick: handleNextHour,
-    onKeyDown: handleNextHourBtnOnKeyDown,
-    innerRef: nextHourBtnRef,
-    tabIndex: -1,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_HOUR
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})))));
-};
-
-exports.HoursList = HoursList;

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MeridiemList.js

@@ -1,104 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var Styleds = require('./Styleds.js');
-var TimeWheelContext = require('./TimeWheelContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _ChevronSmallUp, _StyledWheelListItem, _StyledWheelListItem2, _ChevronSmallDown;
-const MeridiemList = () => {
-  const {
-    hours,
-    minutes,
-    meridiem,
-    handleTimeWheelBtnChangeMeridiem,
-    handlePrevMeridiemBtnOnKeyDown,
-    handleCurrMeridiemOnKeyDown,
-    handleNextMeridiemBtnOnKeyDown,
-    prevMeridiemBtnRef,
-    currMeridiemBtnRef,
-    nextMeridiemBtnRef,
-    getIsDisabledTime
-  } = React.useContext(TimeWheelContext.TimeWheelContext);
-  const isAmCurrent = !meridiem || meridiem === 'AM';
-  const isPmCurrent = meridiem === 'PM';
-  const hourMinuteString = "".concat(hours || '01', ":").concat(minutes || '00');
-  const amTimeString = "".concat(hourMinuteString, " AM");
-  const pmTimeString = "".concat(hourMinuteString, " PM");
-  const isDisabledAm = getIsDisabledTime(amTimeString);
-  const isDisabledPm = getIsDisabledTime(pmTimeString);
-  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelList, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
-    "aria-label": "set am meridiem",
-    "aria-disabled": isDisabledAm,
-    isDisabled: isDisabledAm,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MERIDIEM,
-    buttonType: "raw",
-    size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
-    onKeyDown: handlePrevMeridiemBtnOnKeyDown,
-    innerRef: prevMeridiemBtnRef,
-    tabIndex: -1
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})))), meridiem === 'AM' || meridiem === '' ? _StyledWheelListItem || (_StyledWheelListItem = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
-    isCurrentListItem: isAmCurrent
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledTimeBtn, {
-    isCurrentListItem: isAmCurrent,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isAmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
-    selected: meridiem === 'AM',
-    "aria-label": "AM ".concat(isAmCurrent ? 'selected' : ''),
-    "aria-disabled": isDisabledAm,
-    isDisabled: isDisabledAm,
-    buttonType: "raw",
-    size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('AM', e),
-    onKeyDown: isAmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
-    innerRef: isAmCurrent ? currMeridiemBtnRef : undefined,
-    tabIndex: isAmCurrent ? 0 : -1,
-    role: "spinbutton",
-    "aria-valuemax": "1",
-    "aria-valuemin": "0",
-    "aria-valuenow": isPmCurrent ? '1' : '0',
-    "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
-  }, void 0, "AM")), /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
-    isCurrentListItem: isPmCurrent
-  }, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledTimeBtn, {
-    isCurrentListItem: isPmCurrent,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isPmCurrent ? 'CURRENT_MERIDIEM' : 'MERIDIEM'],
-    selected: meridiem === 'PM',
-    "aria-label": "PM ".concat(isPmCurrent ? 'selected' : ''),
-    "aria-disabled": isDisabledPm,
-    isDisabled: isDisabledPm,
-    buttonType: "raw",
-    size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
-    onKeyDown: isPmCurrent ? handleCurrMeridiemOnKeyDown : undefined,
-    innerRef: isPmCurrent ? currMeridiemBtnRef : undefined,
-    tabIndex: isPmCurrent ? 0 : -1,
-    role: "spinbutton",
-    "aria-valuemax": "1",
-    "aria-valuemin": "0",
-    "aria-valuenow": isPmCurrent ? '1' : '0',
-    "aria-valuetext": isAmCurrent ? 'ante meridiem' : 'post meridiem'
-  }, void 0, "PM")), meridiem === 'PM' ? _StyledWheelListItem2 || (_StyledWheelListItem2 = /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {})) : null, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
-    "aria-label": "set pm meridiem",
-    "aria-disabled": isDisabledPm,
-    isDisabled: isDisabledPm,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MERIDIEM,
-    buttonType: "raw",
-    size: "m",
-    onClick: e => handleTimeWheelBtnChangeMeridiem('PM', e),
-    onKeyDown: handleNextMeridiemBtnOnKeyDown,
-    innerRef: nextMeridiemBtnRef,
-    tabIndex: -1
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})))));
-};
-
-exports.MeridiemList = MeridiemList;
-exports["default"] = MeridiemList;

package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/MinutesList.js

@@ -1,106 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var ControlledDateTimePickerDatatestid = require('../../../ControlledDateTimePickerDatatestid.js');
-var numberHelpers = require('../../../utils/numberHelpers.js');
-var Styleds = require('./Styleds.js');
-var TimeWheelContext = require('./TimeWheelContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _ChevronSmallUp, _ChevronSmallDown;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const MinutesList = () => {
-  const {
-    currMinuteNum,
-    hours,
-    minutes,
-    meridiem,
-    visibleMinutes,
-    handlePrevMinute,
-    handleNextMinute,
-    handleTimeWheelBtnChangeMinutes,
-    handlePrevMinuteBtnOnKeyDown,
-    handleCurrMinutesOnKeyDown,
-    handleNextMinuteBtnOnKeyDown,
-    prevMinutesBtnRef,
-    currMinutesBtnRef,
-    nextMinutesBtnRef,
-    getIsDisabledTime
-  } = React.useContext(TimeWheelContext.TimeWheelContext);
-  return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelList, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
-    "aria-label": "subtract one minute",
-    buttonType: "raw",
-    size: "m",
-    onClick: handlePrevMinute,
-    onKeyDown: handlePrevMinuteBtnOnKeyDown,
-    innerRef: prevMinutesBtnRef,
-    tabIndex: -1,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.PREV_MINUTE
-  }, void 0, _ChevronSmallUp || (_ChevronSmallUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallUp, {})))), visibleMinutes.map(minutesString => {
-    const key = "timewheel-minutes-".concat(minutesString);
-    if (!minutesString) return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, key);
-    const currMinutesTimeString = "".concat(hours || '01', ":").concat(minutesString, " ").concat(meridiem || 'AM');
-    const isEmptyCurrValueCurrentListItem = !minutes && numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum;
-    const isCurrentListItem = isEmptyCurrValueCurrentListItem || minutes === minutesString;
-    const isDisabled = getIsDisabledTime(currMinutesTimeString);
-    const tabIndex = isCurrentListItem ? 0 : -1;
-    const btnProps = {
-      onKeyDown: isCurrentListItem ? handleCurrMinutesOnKeyDown : undefined,
-      innerRef: isCurrentListItem ? currMinutesBtnRef : undefined
-    };
-    return /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {
-      isCurrentListItem: isCurrentListItem,
-      selected: numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum
-    }, key, /*#__PURE__*/jsxRuntime.jsx(Styleds.StyledTimeBtn, _objectSpread(_objectSpread({
-      isCurrentListItem: isCurrentListItem,
-      "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL[isCurrentListItem ? 'CURRENT_MINUTE' : 'MINUTE'],
-      selected: minutes.length === 2 && numberHelpers.convertToPositiveNumberIfPossible(minutesString) === currMinuteNum,
-      "aria-label": "".concat(minutesString, " minutes"),
-      "aria-disabled": isDisabled,
-      isDisabled: isDisabled,
-      buttonType: "raw",
-      size: "m",
-      onClick: e => handleTimeWheelBtnChangeMinutes(minutesString, e),
-      tabIndex: tabIndex,
-      role: "spinbutton",
-      "aria-valuemax": "59",
-      "aria-valuemin": "0",
-      "aria-valuenow": currMinuteNum,
-      "aria-valuetext": "".concat(minutesString, " minutes")
-    }, btnProps), {}, {
-      children: minutesString
-    })));
-  }), /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelListItem, {}, void 0, /*#__PURE__*/_jsx__default["default"](Styleds.StyledWheelChangeTimeBtn, {
-    "aria-label": "add one minute",
-    buttonType: "raw",
-    size: "m",
-    onClick: handleNextMinute,
-    onKeyDown: handleNextMinuteBtnOnKeyDown,
-    innerRef: nextMinutesBtnRef,
-    "data-testid": ControlledDateTimePickerDatatestid.ControlledDateTimePickerDatatestid.TIMEWHEEL.NEXT_MINUTE,
-    tabIndex: -1
-  }, void 0, _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})))));
-};
-
-exports.MinutesList = MinutesList;
-exports["default"] = MinutesList;