carbon-react 118.5.1 → 118.6.0

package/lib/components/date/date.component.js

@@ -4,77 +4,57 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _utils = require("./__internal__/utils");
-
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 var _utils2 = require("../../style/utils");
-
 var _dateFormats = _interopRequireDefault(require("./__internal__/date-formats"));
-
 var _date = _interopRequireDefault(require("./date.style"));
-
 var _textbox = _interopRequireDefault(require("../textbox"));
-
 var _datePicker = _interopRequireDefault(require("./__internal__/date-picker"));
-
 var _dateRange = _interopRequireDefault(require("../date-range/date-range.context"));
-
 var _useClickAwayListener = _interopRequireDefault(require("../../hooks/__internal__/useClickAwayListener"));
-
 var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 var _useFormSpacing = _interopRequireDefault(require("../../hooks/__internal__/useFormSpacing"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const marginPropTypes = (0, _utils2.filterStyledSystemMarginProps)(_propTypes2.default.space);
 let deprecateInputRefWarnTriggered = false;
-
-const DateInput = /*#__PURE__*/_react.default.forwardRef(({
-  adaptiveLabelBreakpoint,
-  allowEmptyValue,
-  autoFocus,
-  "data-component": dataComponent,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  disabled,
-  disablePortal = false,
-  helpAriaLabel,
-  labelInline,
-  minDate,
-  maxDate,
-  onBlur,
-  onChange,
-  onClick,
-  onFocus,
-  onKeyDown,
-  pickerProps = {},
-  readOnly,
-  size = "medium",
-  tooltipPosition,
-  value,
-  inputRef,
-  inputWidth,
-  labelWidth,
-  maxWidth,
-  ...rest
-}, ref) => {
+const DateInput = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+    adaptiveLabelBreakpoint,
+    allowEmptyValue,
+    autoFocus,
+    "data-component": dataComponent,
+    "data-element": dataElement,
+    "data-role": dataRole,
+    disabled,
+    disablePortal = false,
+    helpAriaLabel,
+    labelInline,
+    minDate,
+    maxDate,
+    onBlur,
+    onChange,
+    onClick,
+    onFocus,
+    onKeyDown,
+    pickerProps = {},
+    readOnly,
+    size = "medium",
+    tooltipPosition,
+    value,
+    inputRef,
+    inputWidth,
+    labelWidth,
+    maxWidth,
+    ...rest
+  } = _ref;
   const wrapperRef = (0, _react.useRef)();
   const parentRef = (0, _react.useRef)();
   const internalInputRef = (0, _react.useRef)();
@@ -93,19 +73,15 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
     inputRefMap,
     setInputRefMap
   } = (0, _react.useContext)(_dateRange.default);
-  const inputName = dataElement === null || dataElement === void 0 ? void 0 : dataElement.split("-")[0];
+  const inputName = dataElement?.split("-")[0];
   const [open, setOpen] = (0, _react.useState)(false);
   const [selectedDays, setSelectedDays] = (0, _react.useState)((0, _utils.checkISOFormatAndLength)(value) ? (0, _utils.parseISODate)(value) : (0, _utils.parseDate)(format, value));
   const isInitialValue = (0, _react.useRef)(true);
-
   if (!deprecateInputRefWarnTriggered && inputRef) {
     deprecateInputRefWarnTriggered = true;
-
     _logger.default.deprecate("The `inputRef` prop in `DateInput` component is deprecated and will soon be removed. Please use `ref` instead.");
   }
-
   const computeInvalidRawValue = inputValue => allowEmptyValue && !inputValue.length ? inputValue : null;
-
   const buildCustomEvent = ev => {
     const {
       id,
@@ -114,7 +90,8 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
     const [matchedFormat, matchedValue] = (0, _utils.findMatchedFormatAndValue)(ev.target.value, formats);
     const formattedValueString = ev.type === "blur" ? (0, _utils.formattedValue)(format, selectedDays) : ev.target.value;
     const rawValue = (0, _utils.isDateValid)((0, _utils.parseDate)(matchedFormat, matchedValue)) ? (0, _utils.formatToISO)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)) : computeInvalidRawValue(ev.target.value);
-    ev.target = { ...(name && {
+    ev.target = {
+      ...(name && {
         name
       }),
       ...(id && {
@@ -127,7 +104,6 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
     };
     return ev;
   };
-
   const handleClickAway = () => {
     if (open) {
       alreadyFocused.current = true;
@@ -138,44 +114,36 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
       alreadyFocused.current = false;
     }
   };
-
   const handleClickInside = (0, _useClickAwayListener.default)(handleClickAway, "mousedown");
-
   const handleChange = ev => {
     isInitialValue.current = false;
     onChange(buildCustomEvent(ev));
   };
-
   const focusInput = () => {
-    var _internalInputRef$cur;
-
     focusedViaPicker.current = true;
-    (_internalInputRef$cur = internalInputRef.current) === null || _internalInputRef$cur === void 0 ? void 0 : _internalInputRef$cur.focus();
+    internalInputRef.current?.focus();
   };
-
   const handleDayClick = (day, ev) => {
     setSelectedDays(day);
-    onChange(buildCustomEvent({ ...ev,
-      target: { ...ev.target,
+    onChange(buildCustomEvent({
+      ...ev,
+      target: {
+        ...ev.target,
         value: (0, _utils.formattedValue)(format, day)
       }
     }));
     focusInput();
     setOpen(false);
   };
-
   const handleBlur = ev => {
     if (disabled || readOnly) {
       return;
     }
-
     let event;
-
     if ((0, _utils.isDateValid)(selectedDays)) {
       event = buildCustomEvent(ev);
       const currentValue = (0, _utils.checkISOFormatAndLength)(value) ? (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(value)) : value;
       const [, matchedValue] = (0, _utils.findMatchedFormatAndValue)(currentValue, formats);
-
       if ((0, _utils.formattedValue)(format, selectedDays) !== matchedValue) {
         onChange(event);
       }
@@ -184,7 +152,8 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
         id,
         name
       } = ev.target;
-      ev.target = { ...(name && {
+      ev.target = {
+        ...(name && {
           name
         }),
         ...(id && {
@@ -197,66 +166,52 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
       };
       event = ev;
     }
-
     if (isBlurBlocked.current) {
       return;
     }
-
     if (onBlur) {
       onBlur(event);
     }
   };
-
   const handleFocus = ev => {
     if (disabled || readOnly) {
       return;
     }
-
     isBlurBlocked.current = false;
-
     if (!open && !alreadyFocused.current) {
       setOpen(true);
     } else {
       alreadyFocused.current = false;
     }
-
     if (onFocus) {
       onFocus(ev);
     }
   };
-
   const handleKeyDown = ev => {
     if (onKeyDown) {
       onKeyDown(ev);
     }
-
     if (_events.default.isTabKey(ev)) {
       setOpen(false);
       alreadyFocused.current = false;
     }
   };
-
   const handleClick = ev => {
     if (disabled || readOnly) {
       return;
     }
-
     if (onClick) {
       onClick(ev);
     }
   };
-
   const handleMouseDown = ev => {
     handleClickInside(ev);
-
     if (disabled || readOnly) {
       return;
     }
-
     if (setInputRefMap) {
       isBlurBlocked.current = true;
     }
-
     if (ev.target.type === "text" && !open) {
       setOpen(true);
     } else if (ev.target.type !== "text") {
@@ -264,23 +219,17 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
       setOpen(prev => !prev);
     }
   };
-
   const handleIconMouseDown = e => {
     isBlurBlocked.current = true;
     handleMouseDown(e);
   };
-
   const handlePickerMouseDown = ev => {
     isBlurBlocked.current = true;
     handleClickInside(ev);
   };
-
   const assignInput = (0, _react.useCallback)(inputElement => {
-    var _inputRefMap$inputNam;
-
     internalInputRef.current = inputElement;
-    parentRef.current = inputElement === null || inputElement === void 0 ? void 0 : inputElement.parentElement;
-
+    parentRef.current = inputElement?.parentElement;
     if (ref) {
       if (typeof ref === "function") {
         ref(inputElement);
@@ -288,8 +237,7 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
         ref.current = inputElement;
       }
     }
-
-    if (inputRefMap && ((_inputRefMap$inputNam = inputRefMap[inputName]) === null || _inputRefMap$inputNam === void 0 ? void 0 : _inputRefMap$inputNam.setOpen) !== setOpen) {
+    if (inputRefMap && inputRefMap[inputName]?.setOpen !== setOpen) {
       setInputRefMap({
         [inputName]: {
           isBlurBlocked,
@@ -300,7 +248,6 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
   }, [inputName, inputRefMap, setInputRefMap, ref]);
   (0, _react.useEffect)(() => {
     const [matchedFormat, matchedValue] = (0, _utils.findMatchedFormatAndValue)(value, formats);
-
     if (matchedFormat && matchedValue && (0, _utils.isDateValid)((0, _utils.parseDate)(matchedFormat, matchedValue))) {
       setSelectedDays((0, _utils.parseDate)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)));
     } else if ((0, _utils.checkISOFormatAndLength)(value) && isInitialValue.current) {
@@ -309,26 +256,20 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
       setSelectedDays(undefined);
     }
   }, [value, formats]);
-
   const computedValue = () => {
     if ((0, _utils.checkISOFormatAndLength)(value) && isInitialValue.current) {
       return (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(value));
     }
-
     const valueSeparator = (0, _utils.getSeparator)(value);
     const formatSeparator = (0, _utils.getSeparator)(format);
-
     const replaceSeparators = () => value.split("").map(char => char === valueSeparator ? formatSeparator : char).join("");
-
     if (isInitialValue.current && valueSeparator !== formatSeparator && (0, _utils.isDateValid)((0, _utils.parseDate)(format, replaceSeparators()))) {
       isInitialValue.current = false;
       const [matchedFormat, matchedValue] = (0, _utils.findMatchedFormatAndValue)(replaceSeparators(), formats);
       return (0, _utils.formattedValue)(format, (0, _utils.parseDate)(...(0, _utils.additionalYears)(matchedFormat, matchedValue)));
     }
-
     return value;
   };
-
   const marginProps = (0, _useFormSpacing.default)(rest);
   return /*#__PURE__*/_react.default.createElement(_date.default, _extends({
     ref: wrapperRef,
@@ -380,30 +321,23 @@ const DateInput = /*#__PURE__*/_react.default.forwardRef(({
     open: open
   }));
 });
-
-DateInput.propTypes = { ..._textbox.default.propTypes,
+DateInput.propTypes = {
+  ..._textbox.default.propTypes,
   ...marginPropTypes,
-
   /** Pass any props that match the [DayPickerProps](https://react-day-picker-v7.netlify.app/docs/getting-started/)
    * interface to override default behaviors
    * */
   pickerProps: _propTypes.default.object,
-
   /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
   disablePortal: _propTypes.default.bool,
-
   /** Minimum possible date YYYY-MM-DD */
   minDate: _propTypes.default.string,
-
   /** Maximum possible date YYYY-MM-DD */
   maxDate: _propTypes.default.string,
-
   /** Specify a callback triggered on change */
   onChange: _propTypes.default.func.isRequired,
-
   /** The current date string */
   value: _propTypes.default.string.isRequired,
-
   /** Boolean to allow the input to have an empty value */
   allowEmptyValue: _propTypes.default.bool
 };

package/lib/components/date/date.style.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledSystem = require("styled-system");
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 var _input = _interopRequireDefault(require("../../__internal__/input/input.style"));
-
 var _inputPresentation = _interopRequireDefault(require("../../__internal__/input/input-presentation.style"));
-
 var _formField = require("../../__internal__/form-field/form-field.style");
-
 var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message/validation-message.style"));
-
 var _label = _interopRequireDefault(require("../../__internal__/label/label.style"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const datePickerWidth = {
   large: "140px",
   medium: "135px",
@@ -39,23 +26,28 @@ const StyledDateInput = _styledComponents.default.div`
 
   & ${_inputPresentation.default} {
     flex: none;
-    width: ${({
-  inputWidth,
-  maxWidth,
-  size
-}) => maxWidth || inputWidth ? "" : datePickerWidth[size]};
+    width: ${_ref => {
+  let {
+    inputWidth,
+    maxWidth,
+    size
+  } = _ref;
+  return maxWidth || inputWidth ? "" : datePickerWidth[size];
+}};
 
     ${_input.default} {
       margin-right: -8px;
     }
   }
 
-  ${({
-  applyDateRangeStyling,
-  maxWidth,
-  size,
-  labelInline
-}) => applyDateRangeStyling && !labelInline && (0, _styledComponents.css)`
+  ${_ref2 => {
+  let {
+    applyDateRangeStyling,
+    maxWidth,
+    size,
+    labelInline
+  } = _ref2;
+  return applyDateRangeStyling && !labelInline && (0, _styledComponents.css)`
       ${_formField.FieldLineStyle} {
         max-width: ${maxWidth || datePickerWidth[size]}};
       }
@@ -63,7 +55,8 @@ const StyledDateInput = _styledComponents.default.div`
       ${_validationMessage.default}, ${_label.default} {
         overflow-wrap: anywhere;
       }
-    `}
+    `;
+}}
 `;
 StyledDateInput.propTypes = {
   size: _propTypes.default.oneOf(["small", "medium", "large"])

package/lib/components/date/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _date.default;
   }
 });
-
 var _date = _interopRequireDefault(require("./date.component"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }