@carbon/react 1.29.1 → 1.30.0

package/es/components/DatePicker/plugins/appendToPlugin.js

@@ -31,25 +31,21 @@ var carbonFlatpickrAppendToPlugin = (config => fp => {
         left: refLeft,
         bottom: refBottom
       } = positionElement.getBoundingClientRect();
-
       if ((appendTo !== appendTo.ownerDocument.body || containerLeft !== 0 || containerTop !== 0) && appendTo.ownerDocument.defaultView.getComputedStyle(appendTo).getPropertyValue('position') === 'static') {
         throw new Error('Floating menu container must not have `position:static`.');
-      } // `2` for negative margin on calendar dropdown
-
-
+      }
+      // `2` for negative margin on calendar dropdown
       calendarContainer.style.top = `${refBottom - containerTop + 2}px`;
       calendarContainer.style.left = `${refLeft - containerLeft}px`;
     });
   };
+
   /**
    * Registers this Flatpickr plugin.
    */
-
-
   const register = () => {
     fp.loadedPlugins.push('carbonFlatpickrAppendToPlugin');
   };
-
   return {
     appendTo: config.appendTo,
     onReady: register,

package/es/components/DatePicker/plugins/fixEventsPlugin.js

@@ -12,7 +12,6 @@ import { Enter, ArrowLeft, ArrowRight, ArrowDown } from '../../../internal/keybo
  * @param {object} config Plugin configuration.
  * @returns {Plugin} A Flatpickr plugin to fix Flatpickr's behavior of certain events.
  */
-
 var carbonFlatpickrFixEventsPlugin = (config => fp => {
   /**
    * Handles `keydown` event.
@@ -25,7 +24,6 @@ var carbonFlatpickrFixEventsPlugin = (config => fp => {
     const {
       target
     } = event;
-
     if (inputFrom === target || inputTo === target) {
       if (match(event, Enter)) {
         // Makes sure the hitting enter key picks up pending values of both `<input>`
@@ -43,6 +41,7 @@ var carbonFlatpickrFixEventsPlugin = (config => fp => {
       }
     }
   };
+
   /**
    * Handles `blur` event.
    *
@@ -50,8 +49,6 @@ var carbonFlatpickrFixEventsPlugin = (config => fp => {
    * calendar on blur. If a manual change is made within the input, this block will
    * set the date again, triggering the calendar to update.
    */
-
-
   const handleBlur = event => {
     const {
       inputFrom,
@@ -60,68 +57,63 @@ var carbonFlatpickrFixEventsPlugin = (config => fp => {
     } = config;
     const {
       target
-    } = event; // Only fall into this logic if the event is on the `to` input and there is a
-    // `to` date selected
+    } = event;
 
+    // Only fall into this logic if the event is on the `to` input and there is a
+    // `to` date selected
     if (inputTo === target && fp.selectedDates[1]) {
       // Using getTime() enables the ability to more readily compare the date currently
       // selected in the calendar and the date currently in the value of the input
       const selectedToDate = new Date(fp.selectedDates[1]).setHours(0, 0, 0, 0);
-      const currentValueToDate = new Date(inputTo.value).setHours(0, 0, 0, 0); // The date should only be set if both dates are valid dates, and they don't match.
+      const currentValueToDate = new Date(inputTo.value).setHours(0, 0, 0, 0);
+
+      // The date should only be set if both dates are valid dates, and they don't match.
       // When they don't match, this indiciates that the date selected in the calendar is stale,
       // and the current value in the input should be set for the calendar to update.
-
       if (selectedToDate && currentValueToDate && selectedToDate !== currentValueToDate) {
         // Update the calendar with the value of the `to` date input
         fp.setDate([inputFrom.value, inputTo && inputTo.value], true, fp.config.dateFormat);
       }
-    } // save end date in calendar inmediately after it's been written down
-
+    }
 
+    // save end date in calendar inmediately after it's been written down
     if (inputTo === target && fp.selectedDates.length === 1 && inputTo.value) {
       let currentEndDate = new Date(inputTo.value);
-
       if (currentEndDate.toString() !== 'Invalid Date') {
         fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
       }
-    } // overriding the flatpickr bug where the startDate gets deleted on blur
-
+    }
 
+    // overriding the flatpickr bug where the startDate gets deleted on blur
     if (inputTo === target && !inputFrom.value && lastStartValue.current) {
       let currentStartDate = new Date(lastStartValue.current);
-
       if (currentStartDate.toString() !== 'Invalid Date') {
         inputFrom.value = lastStartValue.current;
-
         if (inputTo.value) {
           fp.setDate([inputFrom.value, inputTo.value], true, fp.config.dateFormat);
         }
       }
     }
   };
+
   /**
    * Releases event listeners used in this Flatpickr plugin.
    */
-
-
   const release = () => {
     const {
       inputFrom,
       inputTo
     } = config;
-
     if (inputTo) {
       inputTo.removeEventListener('keydown', handleKeydown, true);
       inputTo.removeEventListener('blur', handleBlur, true);
     }
-
     inputFrom.removeEventListener('keydown', handleKeydown, true);
   };
+
   /**
    * Sets up event listeners used for this Flatpickr plugin.
    */
-
-
   const init = () => {
     release();
     const {
@@ -129,21 +121,18 @@ var carbonFlatpickrFixEventsPlugin = (config => fp => {
       inputTo
     } = config;
     inputFrom.addEventListener('keydown', handleKeydown, true);
-
     if (inputTo) {
       inputTo.addEventListener('keydown', handleKeydown, true);
       inputTo.addEventListener('blur', handleBlur, true);
     }
   };
+
   /**
    * Registers this Flatpickr plugin.
    */
-
-
   const register = () => {
     fp.loadedPlugins.push('carbonFlatpickrFixEventsPlugin');
   };
-
   return {
     onReady: [register, init],
     onDestroy: [release]

package/es/components/DatePicker/plugins/rangePlugin.js

@@ -14,19 +14,17 @@ import rangePlugin from 'flatpickr/dist/plugins/rangePlugin';
  *     Workaround for: https://github.com/flatpickr/flatpickr/issues/1944
  *   * A logic to ensure `fp.setDate()` call won't end up with "startDate to endDate" set to the first `<input>`
  */
-
 var carbonFlatpickrRangePlugin = (config => {
   const factory = rangePlugin(Object.assign({
     position: 'left'
   }, config));
   return fp => {
     const origSetDate = fp.setDate;
-
     const init = () => {
       fp.setDate = function setDate(dates, triggerChange, format) {
-        origSetDate.call(this, dates, triggerChange, format); // If `triggerChange` is `true`, `onValueUpdate` Flatpickr event is fired
+        origSetDate.call(this, dates, triggerChange, format);
+        // If `triggerChange` is `true`, `onValueUpdate` Flatpickr event is fired
         // where Flatpickr's range plugin takes care of fixing the first `<input>`
-
         if (!triggerChange) {
           const {
             _input: inputFrom
@@ -42,16 +40,13 @@ var carbonFlatpickrRangePlugin = (config => {
         }
       };
     };
-
     const origRangePlugin = factory(fp);
     const {
       onReady: origOnReady
     } = origRangePlugin;
     return Object.assign(origRangePlugin, {
       onReady: [init, origOnReady],
-
       onPreCalendarPosition() {}
-
     });
   };
 });

package/es/components/DatePickerInput/DatePickerInput.js

@@ -79,18 +79,17 @@ const DatePickerInput = /*#__PURE__*/React__default.forwardRef(function DatePick
     [`${prefix}--date-picker--fluid--warn`]: isFluid && warn
   });
   const datePickerInputHelperId = !helperText ? undefined : `detepicker-input-helper-text-${datePickerInputInstanceId}`;
-  const inputProps = { ...rest,
+  const inputProps = {
+    ...rest,
     ...datePickerInputProps,
     className: inputClasses,
     disabled,
     ref,
     ['aria-describedby']: helperText ? datePickerInputHelperId : undefined
   };
-
   if (invalid) {
     inputProps['data-invalid'] = true;
   }
-
   const input = /*#__PURE__*/React__default.createElement("input", inputProps);
   return /*#__PURE__*/React__default.createElement("div", {
     className: containerClasses
@@ -127,54 +126,44 @@ DatePickerInput.propTypes = {
    * * `range` - With calendar dropdown and a date range.
    */
   datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
-
   /**
    * Specify whether or not the input should be disabled
    */
   disabled: PropTypes.bool,
-
   /**
    * Provide text that is used alongside the control label for additional help
    */
   helperText: PropTypes.node,
-
   /**
    * Specify if the label should be hidden
    */
   hideLabel: PropTypes.bool,
-
   /**
    * Specify an id that uniquely identifies the `<input>`
    */
   id: PropTypes.string.isRequired,
-
   /**
    * Specify whether or not the input should be invalid
    */
   invalid: PropTypes.bool,
-
   /**
    * Specify the text to be rendered when the input is invalid
    */
   invalidText: PropTypes.node,
-
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
   labelText: PropTypes.node.isRequired,
-
   /**
    * Specify an `onChange` handler that is called whenever a change in the
    * input field has occurred
    */
   onChange: PropTypes.func,
-
   /**
    * Provide a function to be called when the input field is clicked
    */
   onClick: PropTypes.func,
-
   /**
    * Provide a regular expression that the input value must match
    */
@@ -182,45 +171,37 @@ DatePickerInput.propTypes = {
     if (props[propName] === undefined) {
       return;
     }
-
     try {
       new RegExp(props[propName]);
     } catch (e) {
       return new Error(`Invalid value of prop '${propName}' supplied to '${componentName}', it should be a valid regular expression`);
     }
   },
-
   /**
    * Specify the placeholder text
    */
   placeholder: PropTypes.string,
-
   /**
    * whether the DatePicker is to be readOnly
    */
   readOnly: PropTypes.bool,
-
   /**
    * Specify the size of the Date Picker Input. Currently supports either `sm`, `md`, or `lg` as an option.
    */
   size: PropTypes.oneOf(['sm', 'md', 'lg']),
-
   /**
    * Specify the type of the `<input>`
    */
   type: PropTypes.string,
-
   /**
    * Specify whether the control is currently in warning state
    */
   warn: PropTypes.bool,
-
   /**
    * Provide the text that is displayed when the control is in warning state
    */
   warnText: PropTypes.node
 };
-
 function DatePickerIcon(_ref) {
   let {
     datePickerType,
@@ -231,32 +212,27 @@ function DatePickerIcon(_ref) {
   const {
     isFluid
   } = useContext(FormContext);
-
   if (datePickerType === 'simple' && !invalid && !warn) {
     if (!isFluid) {
       return null;
     }
   }
-
   if (invalid) {
     return /*#__PURE__*/React__default.createElement(WarningFilled, {
       className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
     });
   }
-
   if (!invalid && warn) {
     return /*#__PURE__*/React__default.createElement(WarningAltFilled, {
       className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
     });
   }
-
   return /*#__PURE__*/React__default.createElement(Calendar, {
     className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"
   });
 }
-
 DatePickerIcon.propTypes = {
   /**
    * The type of the date picker:
@@ -266,12 +242,10 @@ DatePickerIcon.propTypes = {
    * * `range` - With calendar dropdown and a date range.
    */
   datePickerType: PropTypes.oneOf(['simple', 'single', 'range']),
-
   /**
    * Specify whether or not the input should be invalid
    */
   invalid: PropTypes.bool,
-
   /**
    * Specify whether the control is currently in warning state
    */

package/es/components/Dropdown/Dropdown.Skeleton.js

@@ -31,13 +31,11 @@ const DropdownSkeleton = _ref => {
     className: `${prefix}--list-box__label`
   })));
 };
-
 DropdownSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
   className: PropTypes.string,
-
   /**
    * Specify the size of the ListBox.
    */