@carbon/react 1.29.1 → 1.30.0

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

@@ -35,25 +35,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/lib/components/DatePicker/plugins/fixEventsPlugin.js

@@ -16,7 +16,6 @@ var keys = require('../../../internal/keyboard/keys.js');
  * @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.
@@ -29,7 +28,6 @@ var carbonFlatpickrFixEventsPlugin = (config => fp => {
     const {
       target
     } = event;
-
     if (inputFrom === target || inputTo === target) {
       if (match.match(event, keys.Enter)) {
         // Makes sure the hitting enter key picks up pending values of both `<input>`
@@ -47,6 +45,7 @@ var carbonFlatpickrFixEventsPlugin = (config => fp => {
       }
     }
   };
+
   /**
    * Handles `blur` event.
    *
@@ -54,8 +53,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,
@@ -64,68 +61,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 {
@@ -133,21 +125,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/lib/components/DatePicker/plugins/rangePlugin.js

@@ -22,19 +22,17 @@ var rangePlugin__default = /*#__PURE__*/_interopDefaultLegacy(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__default["default"](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
@@ -50,16 +48,13 @@ var carbonFlatpickrRangePlugin = (config => {
         }
       };
     };
-
     const origRangePlugin = factory(fp);
     const {
       onReady: origOnReady
     } = origRangePlugin;
     return Object.assign(origRangePlugin, {
       onReady: [init, origOnReady],
-
       onPreCalendarPosition() {}
-
     });
   };
 });

package/lib/components/DatePickerInput/DatePickerInput.js

@@ -89,18 +89,17 @@ const DatePickerInput = /*#__PURE__*/React__default["default"].forwardRef(functi
     [`${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["default"].createElement("input", inputProps);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: containerClasses
@@ -137,54 +136,44 @@ DatePickerInput.propTypes = {
    * * `range` - With calendar dropdown and a date range.
    */
   datePickerType: PropTypes__default["default"].oneOf(['simple', 'single', 'range']),
-
   /**
    * Specify whether or not the input should be disabled
    */
   disabled: PropTypes__default["default"].bool,
-
   /**
    * Provide text that is used alongside the control label for additional help
    */
   helperText: PropTypes__default["default"].node,
-
   /**
    * Specify if the label should be hidden
    */
   hideLabel: PropTypes__default["default"].bool,
-
   /**
    * Specify an id that uniquely identifies the `<input>`
    */
   id: PropTypes__default["default"].string.isRequired,
-
   /**
    * Specify whether or not the input should be invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Specify the text to be rendered when the input is invalid
    */
   invalidText: PropTypes__default["default"].node,
-
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control
    */
   labelText: PropTypes__default["default"].node.isRequired,
-
   /**
    * Specify an `onChange` handler that is called whenever a change in the
    * input field has occurred
    */
   onChange: PropTypes__default["default"].func,
-
   /**
    * Provide a function to be called when the input field is clicked
    */
   onClick: PropTypes__default["default"].func,
-
   /**
    * Provide a regular expression that the input value must match
    */
@@ -192,45 +181,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__default["default"].string,
-
   /**
    * whether the DatePicker is to be readOnly
    */
   readOnly: PropTypes__default["default"].bool,
-
   /**
    * Specify the size of the Date Picker Input. Currently supports either `sm`, `md`, or `lg` as an option.
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
-
   /**
    * Specify the type of the `<input>`
    */
   type: PropTypes__default["default"].string,
-
   /**
    * Specify whether the control is currently in warning state
    */
   warn: PropTypes__default["default"].bool,
-
   /**
    * Provide the text that is displayed when the control is in warning state
    */
   warnText: PropTypes__default["default"].node
 };
-
 function DatePickerIcon(_ref) {
   let {
     datePickerType,
@@ -241,32 +222,27 @@ function DatePickerIcon(_ref) {
   const {
     isFluid
   } = React.useContext(FormContext.FormContext);
-
   if (datePickerType === 'simple' && !invalid && !warn) {
     if (!isFluid) {
       return null;
     }
   }
-
   if (invalid) {
     return /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
       className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--invalid`
     });
   }
-
   if (!invalid && warn) {
     return /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
       className: `${prefix}--date-picker__icon ${prefix}--date-picker__icon--warn`
     });
   }
-
   return /*#__PURE__*/React__default["default"].createElement(iconsReact.Calendar, {
     className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"
   });
 }
-
 DatePickerIcon.propTypes = {
   /**
    * The type of the date picker:
@@ -276,12 +252,10 @@ DatePickerIcon.propTypes = {
    * * `range` - With calendar dropdown and a date range.
    */
   datePickerType: PropTypes__default["default"].oneOf(['simple', 'single', 'range']),
-
   /**
    * Specify whether or not the input should be invalid
    */
   invalid: PropTypes__default["default"].bool,
-
   /**
    * Specify whether the control is currently in warning state
    */

package/lib/components/Dropdown/Dropdown.Skeleton.js

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