@instructure/ui-date-time-input 10.16.1-snapshot-0 → 10.16.1

package/lib/DateTimeInput/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DateTimeInput = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
 var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
 var _ApplyLocaleContext = require("@instructure/ui-i18n/lib/ApplyLocale/ApplyLocaleContext.js");
@@ -20,6 +19,7 @@ var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEnd
 var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/IconArrowOpenStartSolid.js");
 var _props = require("./props");
 var _console = require("@instructure/console");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _class, _DateTimeInput, _IconArrowOpenStartSo, _IconArrowOpenEndSoli;
 /*
  * The MIT License (MIT)
@@ -382,8 +382,7 @@ let DateTimeInput = exports.DateTimeInput = (_dec = (0, _testable.testable)(), _
     }
     return arr.map(date => {
       const dateStr = date.toISOString();
-      return /*#__PURE__*/_react.default.createElement(_DateInput.DateInput.Day, {
-        key: dateStr,
+      return (0, _jsxRuntime.jsx)(_DateInput.DateInput.Day, {
         date: dateStr,
         isSelected: this.state.calendarSelectedDate ? date.isSame(this.state.calendarSelectedDate, 'day') : false,
         isToday: date.isSame(_DateTime.DateTime.now(this.locale(), this.timezone()), 'day'),
@@ -391,8 +390,9 @@ let DateTimeInput = exports.DateTimeInput = (_dec = (0, _testable.testable)(), _
         label: date.format('D MMMM YYYY') // used by screen readers
         ,
         onClick: this.handleDayClick,
-        interaction: this.isDisabledDate(date) ? 'disabled' : 'enabled'
-      }, date.format('DD'));
+        interaction: this.isDisabledDate(date) ? 'disabled' : 'enabled',
+        children: date.format('DD')
+      }, dateStr);
     });
   }
 
@@ -404,40 +404,40 @@ let DateTimeInput = exports.DateTimeInput = (_dec = (0, _testable.testable)(), _
     }
     const shortDayNames = _DateTime.DateTime.getLocalDayNamesOfTheWeek(this.locale(), 'short');
     const longDayNames = _DateTime.DateTime.getLocalDayNamesOfTheWeek(this.locale(), 'long');
-    return [/*#__PURE__*/_react.default.createElement(_AccessibleContent.AccessibleContent, {
-      key: 1,
-      alt: longDayNames[0]
-    }, shortDayNames[0]), /*#__PURE__*/_react.default.createElement(_AccessibleContent.AccessibleContent, {
-      key: 2,
-      alt: longDayNames[1]
-    }, shortDayNames[1]), /*#__PURE__*/_react.default.createElement(_AccessibleContent.AccessibleContent, {
-      key: 3,
-      alt: longDayNames[2]
-    }, shortDayNames[2]), /*#__PURE__*/_react.default.createElement(_AccessibleContent.AccessibleContent, {
-      key: 4,
-      alt: longDayNames[3]
-    }, shortDayNames[3]), /*#__PURE__*/_react.default.createElement(_AccessibleContent.AccessibleContent, {
-      key: 5,
-      alt: longDayNames[4]
-    }, shortDayNames[4]), /*#__PURE__*/_react.default.createElement(_AccessibleContent.AccessibleContent, {
-      key: 6,
-      alt: longDayNames[5]
-    }, shortDayNames[5]), /*#__PURE__*/_react.default.createElement(_AccessibleContent.AccessibleContent, {
-      key: 7,
-      alt: longDayNames[6]
-    }, shortDayNames[6])];
+    return [(0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+      alt: longDayNames[0],
+      children: shortDayNames[0]
+    }, 1), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+      alt: longDayNames[1],
+      children: shortDayNames[1]
+    }, 2), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+      alt: longDayNames[2],
+      children: shortDayNames[2]
+    }, 3), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+      alt: longDayNames[3],
+      children: shortDayNames[3]
+    }, 4), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+      alt: longDayNames[4],
+      children: shortDayNames[4]
+    }, 5), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+      alt: longDayNames[5],
+      children: shortDayNames[5]
+    }, 6), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+      alt: longDayNames[6],
+      children: shortDayNames[6]
+    }, 7)];
   }
   renderNextPrevMonthButton(type) {
     if (!this.state.isShowingCalendar) {
       return;
     }
-    return /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    return (0, _jsxRuntime.jsx)(_IconButton.IconButton, {
       size: "small",
       withBackground: false,
       withBorder: false,
-      renderIcon: type === 'prev' ? _IconArrowOpenStartSo || (_IconArrowOpenStartSo = /*#__PURE__*/_react.default.createElement(_IconArrowOpenStartSolid.IconArrowOpenStartSolid, {
+      renderIcon: type === 'prev' ? _IconArrowOpenStartSo || (_IconArrowOpenStartSo = (0, _jsxRuntime.jsx)(_IconArrowOpenStartSolid.IconArrowOpenStartSolid, {
         color: "primary"
-      })) : _IconArrowOpenEndSoli || (_IconArrowOpenEndSoli = /*#__PURE__*/_react.default.createElement(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {
+      })) : _IconArrowOpenEndSoli || (_IconArrowOpenEndSoli = (0, _jsxRuntime.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {
         color: "primary"
       })),
       screenReaderLabel: type === 'prev' ? this.props.prevMonthLabel : this.props.nextMonthLabel
@@ -472,7 +472,7 @@ let DateTimeInput = exports.DateTimeInput = (_dec = (0, _testable.testable)(), _
       type: 'newError',
       text: ''
     }] : [];
-    return /*#__PURE__*/_react.default.createElement(_FormFieldGroup.FormFieldGroup, {
+    return (0, _jsxRuntime.jsxs)(_FormFieldGroup.FormFieldGroup, {
       description: description,
       layout: layout,
       rowSpacing: rowSpacing,
@@ -480,45 +480,53 @@ let DateTimeInput = exports.DateTimeInput = (_dec = (0, _testable.testable)(), _
       vAlign: "top",
       elementRef: this.handleRef,
       isGroup: false,
-      messages: [...(showMessages && this.state.message ? [this.state.message] : []), ...(messages || [])]
-    }, /*#__PURE__*/_react.default.createElement(_DateInput.DateInput, {
-      display: "block",
-      value: this.state.dateInputText,
-      onChange: this.handleDateTextChange,
-      onBlur: this.handleBlur,
-      inputRef: dateInputRef,
-      placeholder: datePlaceholder,
-      renderLabel: dateRenderLabel,
-      renderWeekdayLabels: renderWeekdayLabels ? renderWeekdayLabels : this.defaultWeekdays,
-      onRequestShowCalendar: this.handleShowCalendar,
-      onRequestHideCalendar: this.handleHideCalendar,
-      isShowingCalendar: this.state.isShowingCalendar,
-      renderNextMonthButton: this.renderNextPrevMonthButton('next'),
-      renderPrevMonthButton: this.renderNextPrevMonthButton('prev'),
-      onRequestSelectNextDay: this.handleSelectNextDay,
-      onRequestSelectPrevDay: this.handleSelectPrevDay,
-      onRequestRenderNextMonth: this.handleRenderNextMonth,
-      onRequestRenderPrevMonth: this.handleRenderPrevMonth,
-      isRequired: isRequired,
-      messages: subComponentMessages,
-      interaction: interaction,
-      renderNavigationLabel: /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("div", null, this.state.renderedDate.format('MMMM')), /*#__PURE__*/_react.default.createElement("div", null, this.state.renderedDate.format('y')))
-    }, this.renderDays()), /*#__PURE__*/_react.default.createElement(_TimeSelect.TimeSelect, {
-      value: this.state.timeSelectValue,
-      onChange: this.updateStateBasedOnTimeSelect,
-      placeholder: timePlaceholder,
-      onBlur: this.handleBlur,
-      renderLabel: timeRenderLabel,
-      locale: locale,
-      format: timeFormat,
-      step: timeStep,
-      timezone: timezone,
-      inputRef: timeInputRef,
-      interaction: interaction,
-      allowNonStepInput: allowNonStepInput,
-      isRequired: isRequired,
-      messages: subComponentMessages
-    }));
+      messages: [...(showMessages && this.state.message ? [this.state.message] : []), ...(messages || [])],
+      children: [(0, _jsxRuntime.jsx)(_DateInput.DateInput, {
+        display: "block",
+        value: this.state.dateInputText,
+        onChange: this.handleDateTextChange,
+        onBlur: this.handleBlur,
+        inputRef: dateInputRef,
+        placeholder: datePlaceholder,
+        renderLabel: dateRenderLabel,
+        renderWeekdayLabels: renderWeekdayLabels ? renderWeekdayLabels : this.defaultWeekdays,
+        onRequestShowCalendar: this.handleShowCalendar,
+        onRequestHideCalendar: this.handleHideCalendar,
+        isShowingCalendar: this.state.isShowingCalendar,
+        renderNextMonthButton: this.renderNextPrevMonthButton('next'),
+        renderPrevMonthButton: this.renderNextPrevMonthButton('prev'),
+        onRequestSelectNextDay: this.handleSelectNextDay,
+        onRequestSelectPrevDay: this.handleSelectPrevDay,
+        onRequestRenderNextMonth: this.handleRenderNextMonth,
+        onRequestRenderPrevMonth: this.handleRenderPrevMonth,
+        isRequired: isRequired,
+        messages: subComponentMessages,
+        interaction: interaction,
+        renderNavigationLabel: (0, _jsxRuntime.jsxs)("span", {
+          children: [(0, _jsxRuntime.jsx)("div", {
+            children: this.state.renderedDate.format('MMMM')
+          }), (0, _jsxRuntime.jsx)("div", {
+            children: this.state.renderedDate.format('y')
+          })]
+        }),
+        children: this.renderDays()
+      }), (0, _jsxRuntime.jsx)(_TimeSelect.TimeSelect, {
+        value: this.state.timeSelectValue,
+        onChange: this.updateStateBasedOnTimeSelect,
+        placeholder: timePlaceholder,
+        onBlur: this.handleBlur,
+        renderLabel: timeRenderLabel,
+        locale: locale,
+        format: timeFormat,
+        step: timeStep,
+        timezone: timezone,
+        inputRef: timeInputRef,
+        interaction: interaction,
+        allowNonStepInput: allowNonStepInput,
+        isRequired: isRequired,
+        messages: subComponentMessages
+      })]
+    });
   }
 }, _DateTimeInput.displayName = "DateTimeInput", _DateTimeInput.DEFAULT_MESSAGE_FORMAT = 'LLLL', _DateTimeInput.propTypes = _props.propTypes, _DateTimeInput.allowedProps = _props.allowedProps, _DateTimeInput.defaultProps = {
   layout: 'inline',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-time-input",
-  "version": "10.16.1-snapshot-0",
+  "version": "10.16.1",
   "description": "A UI component that allows to select date and time.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,8 +23,8 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.16.1-snapshot-0",
-    "@instructure/ui-test-utils": "10.16.1-snapshot-0",
+    "@instructure/ui-babel-preset": "10.16.1",
+    "@instructure/ui-test-utils": "10.16.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -32,20 +32,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@instructure/console": "10.16.1-snapshot-0",
-    "@instructure/shared-types": "10.16.1-snapshot-0",
-    "@instructure/ui-a11y-content": "10.16.1-snapshot-0",
-    "@instructure/ui-buttons": "10.16.1-snapshot-0",
-    "@instructure/ui-calendar": "10.16.1-snapshot-0",
-    "@instructure/ui-date-input": "10.16.1-snapshot-0",
-    "@instructure/ui-form-field": "10.16.1-snapshot-0",
-    "@instructure/ui-i18n": "10.16.1-snapshot-0",
-    "@instructure/ui-icons": "10.16.1-snapshot-0",
-    "@instructure/ui-prop-types": "10.16.1-snapshot-0",
-    "@instructure/ui-react-utils": "10.16.1-snapshot-0",
-    "@instructure/ui-testable": "10.16.1-snapshot-0",
-    "@instructure/ui-time-select": "10.16.1-snapshot-0",
-    "@instructure/ui-utils": "10.16.1-snapshot-0",
+    "@instructure/console": "10.16.1",
+    "@instructure/shared-types": "10.16.1",
+    "@instructure/ui-a11y-content": "10.16.1",
+    "@instructure/ui-buttons": "10.16.1",
+    "@instructure/ui-calendar": "10.16.1",
+    "@instructure/ui-date-input": "10.16.1",
+    "@instructure/ui-form-field": "10.16.1",
+    "@instructure/ui-i18n": "10.16.1",
+    "@instructure/ui-icons": "10.16.1",
+    "@instructure/ui-prop-types": "10.16.1",
+    "@instructure/ui-react-utils": "10.16.1",
+    "@instructure/ui-testable": "10.16.1",
+    "@instructure/ui-time-select": "10.16.1",
+    "@instructure/ui-utils": "10.16.1",
     "prop-types": "^15.8.1"
   },
   "peerDependencies": {

package/src/DateTimeInput/__new-tests__/DateTimeInput.test.tsx

@@ -22,7 +22,6 @@
  * SOFTWARE.
  */
 
-import React from 'react'
 import { fireEvent, render, screen, waitFor } from '@testing-library/react'
 import { vi } from 'vitest'
 import userEvent from '@testing-library/user-event'

package/src/DateTimeInput/index.tsx

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import React, { Component, SyntheticEvent, MouseEvent } from 'react'
+import { Component, SyntheticEvent, MouseEvent } from 'react'
 import { Locale, DateTime, ApplyLocaleContext } from '@instructure/ui-i18n'
 import type { Moment } from '@instructure/ui-i18n'
 import { FormFieldGroup } from '@instructure/ui-form-field'

package/src/DateTimeInput/props.ts

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import React, { SyntheticEvent } from 'react'
+import { SyntheticEvent } from 'react'
 import { FormPropTypes } from '@instructure/ui-form-field'
 import type { FormMessage } from '@instructure/ui-form-field'
 import type { InteractionType } from '@instructure/ui-react-utils'