@instructure/ui-date-input 11.7.3-snapshot-7 → 11.7.3-snapshot-26

package/lib/DateInput/v2/index.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DateInput = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _latest = require("@instructure/ui-calendar/latest");
 var _latest2 = require("@instructure/ui-buttons/latest");
@@ -17,7 +15,6 @@ var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProp
 var _getLocale = require("@instructure/ui-i18n/lib/getLocale.js");
 var _getTimezone = require("@instructure/ui-i18n/lib/getTimezone.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _CalendarInstUIIcon, _ChevronRightInstUIIc, _ChevronLeftInstUIIco;
 /*
  * The MIT License (MIT)
  *
@@ -41,6 +38,7 @@ var _CalendarInstUIIcon, _ChevronRightInstUIIc, _ChevronLeftInstUIIco;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 function parseLocaleDate(dateString = '', locale, timeZone) {
   // This function may seem complicated but it basically does one thing:
   //   Given a dateString, a locale and a timeZone. The dateString is assumed to be formatted according
@@ -139,23 +137,15 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
 }, ref) => {
   const userLocale = locale || (0, _getLocale.getLocale)();
   const userTimezone = timezone || (0, _getTimezone.getTimezone)();
-  const _useState = (0, _react.useState)(messages || []),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    inputMessages = _useState2[0],
-    setInputMessages = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    showPopover = _useState4[0],
-    setShowPopover = _useState4[1];
+  const [inputMessages, setInputMessages] = (0, _react.useState)(messages || []);
+  const [showPopover, setShowPopover] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     // don't set input messages if there is an internal error set already
     if (inputMessages.find(m => m.text === invalidDateErrorMessage)) return;
     setInputMessages(messages || []);
   }, [messages]);
   (0, _react.useEffect)(() => {
-    const _parseDate = parseDate(value),
-      _parseDate2 = (0, _slicedToArray2.default)(_parseDate, 2),
-      utcIsoDate = _parseDate2[1];
+    const [, utcIsoDate] = parseDate(value);
     // clear error messages if date becomes valid
     if (utcIsoDate || !value) {
       setInputMessages(messages || []);
@@ -178,7 +168,7 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
   };
   const formatDate = (date, timeZone = userTimezone) => {
     // use formatter function if provided
-    if (typeof dateFormat !== 'string' && dateFormat !== null && dateFormat !== void 0 && dateFormat.formatter) {
+    if (typeof dateFormat !== 'string' && dateFormat?.formatter) {
       return dateFormat.formatter(date);
     }
     // if dateFormat set to a locale, use that, otherwise default to the user's locale
@@ -204,25 +194,20 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
     return formattedDate.replace(regex(year), match => 'Y'.repeat(match.length)).replace(regex(month), match => 'M'.repeat(match.length)).replace(regex(day), match => 'D'.repeat(match.length));
   };
   const handleInputChange = (e, newValue) => {
-    const _parseDate3 = parseDate(newValue),
-      _parseDate4 = (0, _slicedToArray2.default)(_parseDate3, 2),
-      utcIsoDate = _parseDate4[1];
-    onChange === null || onChange === void 0 ? void 0 : onChange(e, newValue, utcIsoDate);
+    const [, utcIsoDate] = parseDate(newValue);
+    onChange?.(e, newValue, utcIsoDate);
   };
   const handleDateSelected = (dateString, _momentDate, e) => {
     setShowPopover(false);
     const newValue = formatDate(new Date(dateString));
-    onChange === null || onChange === void 0 ? void 0 : onChange(e, newValue, dateString);
-    onRequestValidateDate === null || onRequestValidateDate === void 0 ? void 0 : onRequestValidateDate(e, newValue, dateString);
+    onChange?.(e, newValue, dateString);
+    onRequestValidateDate?.(e, newValue, dateString);
   };
   const handleBlur = e => {
-    const _parseDate5 = parseDate(value),
-      _parseDate6 = (0, _slicedToArray2.default)(_parseDate5, 2),
-      localeDate = _parseDate6[0],
-      utcIsoDate = _parseDate6[1];
+    const [localeDate, utcIsoDate] = parseDate(value);
     if (localeDate) {
       if (localeDate !== value) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(e, localeDate, utcIsoDate);
+        onChange?.(e, localeDate, utcIsoDate);
       }
     } else if (value && invalidDateErrorMessage) {
       setInputMessages([{
@@ -230,8 +215,8 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
         text: invalidDateErrorMessage
       }]);
     }
-    onRequestValidateDate === null || onRequestValidateDate === void 0 ? void 0 : onRequestValidateDate(e, value || '', utcIsoDate);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e, value || '', utcIsoDate);
+    onRequestValidateDate?.(e, value || '', utcIsoDate);
+    onBlur?.(e, value || '', utcIsoDate);
   };
   const selectedDate = parseDate(value)[1];
   return (0, _jsxRuntime.jsx)(_latest4.TextInput, {
@@ -244,7 +229,7 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
     onBlur: handleBlur,
     isRequired: isRequired,
     value: value,
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : getDateFormatHint(),
+    placeholder: placeholder ?? getDateFormatHint(),
     width: width,
     display: isInline ? 'inline-block' : 'block',
     messages: inputMessages,
@@ -257,9 +242,9 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
         withBorder: false,
         screenReaderLabel: screenReaderLabels.calendarIcon,
         interaction: interaction,
-        children: renderCalendarIcon ? (0, _callRenderProp.callRenderProp)(renderCalendarIcon) : _CalendarInstUIIcon || (_CalendarInstUIIcon = (0, _jsxRuntime.jsx)(_uiIcons.CalendarInstUIIcon, {
+        children: renderCalendarIcon ? (0, _callRenderProp.callRenderProp)(renderCalendarIcon) : (0, _jsxRuntime.jsx)(_uiIcons.CalendarInstUIIcon, {
           color: "baseColor"
-        }))
+        })
       }),
       isShowingContent: showPopover,
       onShowContent: () => setShowPopover(true),
@@ -281,18 +266,18 @@ const DateInput = exports.DateInput = /*#__PURE__*/(0, _react.forwardRef)(({
           size: "small",
           withBackground: false,
           withBorder: false,
-          renderIcon: _ChevronRightInstUIIc || (_ChevronRightInstUIIc = (0, _jsxRuntime.jsx)(_uiIcons.ChevronRightInstUIIcon, {
+          renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.ChevronRightInstUIIcon, {
             color: "baseColor"
-          })),
+          }),
           screenReaderLabel: screenReaderLabels.nextMonthButton
         }),
         renderPrevMonthButton: (0, _jsxRuntime.jsx)(_latest2.IconButton, {
           size: "small",
           withBackground: false,
           withBorder: false,
-          renderIcon: _ChevronLeftInstUIIco || (_ChevronLeftInstUIIco = (0, _jsxRuntime.jsx)(_uiIcons.ChevronLeftInstUIIcon, {
+          renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.ChevronLeftInstUIIcon, {
             color: "baseColor"
-          })),
+          }),
           screenReaderLabel: screenReaderLabels.prevMonthButton
         })
       })

package/lib/DateInput2/v1/index.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DateInput2 = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _v11_ = require("@instructure/ui-calendar/v11_6");
 var _v11_2 = require("@instructure/ui-buttons/v11_6");
@@ -17,7 +15,6 @@ var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProp
 var _getLocale = require("@instructure/ui-i18n/lib/getLocale.js");
 var _getTimezone = require("@instructure/ui-i18n/lib/getTimezone.js");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _CalendarInstUIIcon, _ChevronRightInstUIIc, _ChevronLeftInstUIIco;
 /*
  * The MIT License (MIT)
  *
@@ -41,6 +38,7 @@ var _CalendarInstUIIcon, _ChevronRightInstUIIc, _ChevronLeftInstUIIco;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
 function parseLocaleDate(dateString = '', locale, timeZone) {
   // This function may seem complicated but it basically does one thing:
   //   Given a dateString, a locale and a timeZone. The dateString is assumed to be formatted according
@@ -139,23 +137,15 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
 }, ref) => {
   const userLocale = locale || (0, _getLocale.getLocale)();
   const userTimezone = timezone || (0, _getTimezone.getTimezone)();
-  const _useState = (0, _react.useState)(messages || []),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    inputMessages = _useState2[0],
-    setInputMessages = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    showPopover = _useState4[0],
-    setShowPopover = _useState4[1];
+  const [inputMessages, setInputMessages] = (0, _react.useState)(messages || []);
+  const [showPopover, setShowPopover] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     // don't set input messages if there is an internal error set already
     if (inputMessages.find(m => m.text === invalidDateErrorMessage)) return;
     setInputMessages(messages || []);
   }, [messages]);
   (0, _react.useEffect)(() => {
-    const _parseDate = parseDate(value),
-      _parseDate2 = (0, _slicedToArray2.default)(_parseDate, 2),
-      utcIsoDate = _parseDate2[1];
+    const [, utcIsoDate] = parseDate(value);
     // clear error messages if date becomes valid
     if (utcIsoDate || !value) {
       setInputMessages(messages || []);
@@ -178,7 +168,7 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
   };
   const formatDate = (date, timeZone = userTimezone) => {
     // use formatter function if provided
-    if (typeof dateFormat !== 'string' && dateFormat !== null && dateFormat !== void 0 && dateFormat.formatter) {
+    if (typeof dateFormat !== 'string' && dateFormat?.formatter) {
       return dateFormat.formatter(date);
     }
     // if dateFormat set to a locale, use that, otherwise default to the user's locale
@@ -204,25 +194,20 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
     return formattedDate.replace(regex(year), match => 'Y'.repeat(match.length)).replace(regex(month), match => 'M'.repeat(match.length)).replace(regex(day), match => 'D'.repeat(match.length));
   };
   const handleInputChange = (e, newValue) => {
-    const _parseDate3 = parseDate(newValue),
-      _parseDate4 = (0, _slicedToArray2.default)(_parseDate3, 2),
-      utcIsoDate = _parseDate4[1];
-    onChange === null || onChange === void 0 ? void 0 : onChange(e, newValue, utcIsoDate);
+    const [, utcIsoDate] = parseDate(newValue);
+    onChange?.(e, newValue, utcIsoDate);
   };
   const handleDateSelected = (dateString, _momentDate, e) => {
     setShowPopover(false);
     const newValue = formatDate(new Date(dateString));
-    onChange === null || onChange === void 0 ? void 0 : onChange(e, newValue, dateString);
-    onRequestValidateDate === null || onRequestValidateDate === void 0 ? void 0 : onRequestValidateDate(e, newValue, dateString);
+    onChange?.(e, newValue, dateString);
+    onRequestValidateDate?.(e, newValue, dateString);
   };
   const handleBlur = e => {
-    const _parseDate5 = parseDate(value),
-      _parseDate6 = (0, _slicedToArray2.default)(_parseDate5, 2),
-      localeDate = _parseDate6[0],
-      utcIsoDate = _parseDate6[1];
+    const [localeDate, utcIsoDate] = parseDate(value);
     if (localeDate) {
       if (localeDate !== value) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(e, localeDate, utcIsoDate);
+        onChange?.(e, localeDate, utcIsoDate);
       }
     } else if (value && invalidDateErrorMessage) {
       setInputMessages([{
@@ -230,8 +215,8 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
         text: invalidDateErrorMessage
       }]);
     }
-    onRequestValidateDate === null || onRequestValidateDate === void 0 ? void 0 : onRequestValidateDate(e, value || '', utcIsoDate);
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e, value || '', utcIsoDate);
+    onRequestValidateDate?.(e, value || '', utcIsoDate);
+    onBlur?.(e, value || '', utcIsoDate);
   };
   const selectedDate = parseDate(value)[1];
   return (0, _jsxRuntime.jsx)(_v11_4.TextInput, {
@@ -244,7 +229,7 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
     onBlur: handleBlur,
     isRequired: isRequired,
     value: value,
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : getDateFormatHint(),
+    placeholder: placeholder ?? getDateFormatHint(),
     width: width,
     display: isInline ? 'inline-block' : 'block',
     messages: inputMessages,
@@ -256,9 +241,9 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
         withBorder: false,
         screenReaderLabel: screenReaderLabels.calendarIcon,
         interaction: interaction,
-        children: renderCalendarIcon ? (0, _callRenderProp.callRenderProp)(renderCalendarIcon) : _CalendarInstUIIcon || (_CalendarInstUIIcon = (0, _jsxRuntime.jsx)(_uiIcons.CalendarInstUIIcon, {
+        children: renderCalendarIcon ? (0, _callRenderProp.callRenderProp)(renderCalendarIcon) : (0, _jsxRuntime.jsx)(_uiIcons.CalendarInstUIIcon, {
           color: "baseColor"
-        }))
+        })
       }),
       isShowingContent: showPopover,
       onShowContent: () => setShowPopover(true),
@@ -280,18 +265,18 @@ const DateInput2 = exports.DateInput2 = /*#__PURE__*/(0, _react.forwardRef)(({
           size: "small",
           withBackground: false,
           withBorder: false,
-          renderIcon: _ChevronRightInstUIIc || (_ChevronRightInstUIIc = (0, _jsxRuntime.jsx)(_uiIcons.ChevronRightInstUIIcon, {
+          renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.ChevronRightInstUIIcon, {
             color: "baseColor"
-          })),
+          }),
           screenReaderLabel: screenReaderLabels.nextMonthButton
         }),
         renderPrevMonthButton: (0, _jsxRuntime.jsx)(_v11_2.IconButton, {
           size: "small",
           withBackground: false,
           withBorder: false,
-          renderIcon: _ChevronLeftInstUIIco || (_ChevronLeftInstUIIco = (0, _jsxRuntime.jsx)(_uiIcons.ChevronLeftInstUIIcon, {
+          renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.ChevronLeftInstUIIcon, {
             color: "baseColor"
-          })),
+          }),
           screenReaderLabel: screenReaderLabels.prevMonthButton
         })
       })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-input",
-  "version": "11.7.3-snapshot-7",
+  "version": "11.7.3-snapshot-26",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -14,29 +14,29 @@
   "bugs": "https://github.com/instructure/instructure-ui/issues",
   "license": "MIT",
   "dependencies": {
-    "@babel/runtime": "^7.27.6",
-    "moment-timezone": "^0.6.0",
-    "@instructure/shared-types": "11.7.3-snapshot-7",
-    "@instructure/ui-calendar": "11.7.3-snapshot-7",
-    "@instructure/emotion": "11.7.3-snapshot-7",
-    "@instructure/ui-form-field": "11.7.3-snapshot-7",
-    "@instructure/ui-i18n": "11.7.3-snapshot-7",
-    "@instructure/ui-icons": "11.7.3-snapshot-7",
-    "@instructure/ui-popover": "11.7.3-snapshot-7",
-    "@instructure/ui-position": "11.7.3-snapshot-7",
-    "@instructure/ui-react-utils": "11.7.3-snapshot-7",
-    "@instructure/ui-selectable": "11.7.3-snapshot-7",
-    "@instructure/ui-text-input": "11.7.3-snapshot-7",
-    "@instructure/ui-utils": "11.7.3-snapshot-7"
+    "@babel/runtime": "^7.29.2",
+    "moment-timezone": "^0.6.2",
+    "@instructure/emotion": "11.7.3-snapshot-26",
+    "@instructure/shared-types": "11.7.3-snapshot-26",
+    "@instructure/ui-form-field": "11.7.3-snapshot-26",
+    "@instructure/ui-i18n": "11.7.3-snapshot-26",
+    "@instructure/ui-calendar": "11.7.3-snapshot-26",
+    "@instructure/ui-icons": "11.7.3-snapshot-26",
+    "@instructure/ui-popover": "11.7.3-snapshot-26",
+    "@instructure/ui-position": "11.7.3-snapshot-26",
+    "@instructure/ui-react-utils": "11.7.3-snapshot-26",
+    "@instructure/ui-selectable": "11.7.3-snapshot-26",
+    "@instructure/ui-text-input": "11.7.3-snapshot-26",
+    "@instructure/ui-utils": "11.7.3-snapshot-26"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-babel-preset": "11.7.3-snapshot-7",
-    "@instructure/ui-buttons": "11.7.3-snapshot-7",
-    "@instructure/ui-scripts": "11.7.3-snapshot-7"
+    "@instructure/ui-buttons": "11.7.3-snapshot-26",
+    "@instructure/ui-scripts": "11.7.3-snapshot-26",
+    "@instructure/ui-babel-preset": "11.7.3-snapshot-26"
   },
   "peerDependencies": {
     "react": ">=18 <=19"