carbon-react 111.12.1 → 111.12.3

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

@@ -4,43 +4,24 @@ 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"));
-
 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); }
-
 const marginPropTypes = (0, _utils2.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const DateInput = ({
   adaptiveLabelBreakpoint,
   allowEmptyValue,
@@ -88,9 +69,7 @@ const DateInput = ({
   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);
-
   const computeInvalidRawValue = inputValue => allowEmptyValue && !inputValue.length ? inputValue : null;
-
   const buildCustomEvent = ev => {
     const {
       id,
@@ -99,7 +78,8 @@ const DateInput = ({
     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 && {
@@ -112,7 +92,6 @@ const DateInput = ({
     };
     return ev;
   };
-
   const handleClickAway = () => {
     if (open) {
       alreadyFocused.current = true;
@@ -123,44 +102,37 @@ const DateInput = ({
       alreadyFocused.current = false;
     }
   };
-
   const handleClickInside = (0, _useClickAwayListener.default)(handleClickAway, "mousedown");
-
   const handleChange = ev => {
     isInitialValue.current = false;
     onChange(buildCustomEvent(ev));
   };
-
   const focusInput = () => {
     var _inputRef$current;
-
     focusedViaPicker.current = true;
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$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);
       }
@@ -169,7 +141,8 @@ const DateInput = ({
         id,
         name
       } = ev.target;
-      ev.target = { ...(name && {
+      ev.target = {
+        ...(name && {
           name
         }),
         ...(id && {
@@ -182,66 +155,52 @@ const DateInput = ({
       };
       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") {
@@ -249,23 +208,18 @@ const DateInput = ({
       setOpen(prev => !prev);
     }
   };
-
   const handleIconMouseDown = e => {
     isBlurBlocked.current = true;
     handleMouseDown(e);
   };
-
   const handlePickerMouseDown = ev => {
     isBlurBlocked.current = true;
     handleClickInside(ev);
   };
-
   const assignInput = input => {
     var _inputRefMap$inputNam;
-
     inputRef.current = input.current;
     parentRef.current = input.current.parentElement;
-
     if (inputRefMap && ((_inputRefMap$inputNam = inputRefMap[inputName]) === null || _inputRefMap$inputNam === void 0 ? void 0 : _inputRefMap$inputNam.setOpen) !== setOpen) {
       setInputRefMap({
         [inputName]: {
@@ -275,10 +229,8 @@ const DateInput = ({
       });
     }
   };
-
   (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) {
@@ -287,26 +239,20 @@ const DateInput = ({
       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;
   };
-
   return /*#__PURE__*/_react.default.createElement(_date.default, _extends({
     ref: wrapperRef,
     role: "presentation",
@@ -348,30 +294,23 @@ const DateInput = ({
     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,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(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"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const datePickerWidth = {
   large: "140px",
   medium: "135px",

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 }; }

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

@@ -4,43 +4,24 @@ 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("../date/__internal__/utils");
-
 var _date = _interopRequireDefault(require("../date"));
-
 var _utils2 = require("../../style/utils");
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
 var _dateRange = _interopRequireDefault(require("./date-range.style"));
-
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-
 var _usePrevious = _interopRequireDefault(require("../../hooks/__internal__/usePrevious"));
-
 var _dateFormats = _interopRequireDefault(require("../date/__internal__/date-formats"));
-
 var _dateRange2 = _interopRequireDefault(require("./date-range.context"));
-
 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); }
-
 const marginPropTypes = (0, _utils2.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const DateRange = ({
   endDateProps = {},
   id,
@@ -67,7 +48,6 @@ const DateRange = ({
     if ((0, _utils.checkISOFormatAndLength)(valueString)) {
       return (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(valueString));
     }
-
     return valueString;
   }, [format]);
   const getStartDate = (0, _react.useCallback)(() => {
@@ -96,11 +76,9 @@ const DateRange = ({
       setOpen: null
     }
   });
-
   function isEmptyValue(allowEmpty, inputValue) {
     return allowEmpty && !inputValue.length;
   }
-
   const [startDateValue, setStartDateValue] = (0, _react.useState)({
     formattedValue: getStartDate(),
     rawValue: isEmptyValue(startDateProps.allowEmptyValue, getStartDate()) ? "" : (0, _utils.formatToISO)(format, getStartDate())
@@ -121,10 +99,8 @@ const DateRange = ({
         rawValue: isEmptyValue(endDateProps.allowEmptyValue, getEndDate()) ? "" : (0, _utils.formatToISO)(format, getEndDate())
       });
     };
-
     const hasPreviousValues = previousValue === null || previousValue === void 0 ? void 0 : previousValue.length;
     const hasUpdated = hasPreviousValues && (value[0] !== previousValue[0] || value[1] !== previousValue[1]);
-
     if (hasUpdated) {
       updateValues();
     }
@@ -134,7 +110,8 @@ const DateRange = ({
     const endValue = changedDate === "end" && newValue ? newValue : endDateValue;
     setLastChangedDate(changedDate);
     return {
-      target: { ...(name && {
+      target: {
+        ...(name && {
           name
         }),
         ...(id && {
@@ -144,54 +121,47 @@ const DateRange = ({
       }
     };
   }, [endDateValue, id, name, startDateValue]);
-
   const handleOnChange = (changedDate, ev) => {
     if (changedDate === "start") {
-      setStartDateValue({ ...ev.target.value
+      setStartDateValue({
+        ...ev.target.value
       });
     } else {
-      setEndDateValue({ ...ev.target.value
+      setEndDateValue({
+        ...ev.target.value
       });
     }
-
     const event = buildCustomEvent(changedDate, ev.target.value);
     onChange(event);
   };
-
   const startDateOnChange = ev => {
     handleOnChange("start", ev);
   };
-
   const endDateOnChange = ev => {
     handleOnChange("end", ev);
   };
-
   const updateInputMap = newState => {
     setInputRefMap(prev => {
-      return { ...prev,
+      return {
+        ...prev,
         ...newState
       };
     });
   };
-
   const isBlurBlocked = () => inputRefMap.start.isBlurBlocked.current || inputRefMap.end.isBlurBlocked.current;
-
   const handleOnBlur = ev => {
     if (isBlurBlocked()) {
       return;
     }
-
     if (onBlur) {
       const event = buildCustomEvent(lastChangedDate, ev.target.value);
       onBlur(event);
     }
   };
-
   const closePicker = activeInput => {
     inputRefMap[activeInput].setOpen(false);
     inputRefMap[activeInput].isBlurBlocked.current = false;
   };
-
   const handleOnKeyDown = (ev, activeInput) => {
     if (_events.default.isTabKey(ev) && _events.default.isShiftKey(ev)) {
       if (activeInput === "start") {
@@ -207,12 +177,10 @@ const DateRange = ({
       }
     }
   };
-
   const handleFocus = inputName => {
     closePicker(inputName);
     setLastChangedDate(inputName === "start" ? "end" : "start");
   };
-
   const dateProps = propsKey => {
     const props = propsKey === "start" ? startDateProps : endDateProps;
     const {
@@ -233,7 +201,6 @@ const DateRange = ({
       ...props
     };
   };
-
   return /*#__PURE__*/_react.default.createElement(_dateRange.default, _extends({}, (0, _tags.default)("date-range", rest), {
     labelsInline: labelsInline
   }, (0, _utils2.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_dateRange2.default.Provider, {
@@ -255,8 +222,8 @@ const DateRange = ({
     tooltipPosition: tooltipPosition
   }))));
 };
-
-const dateInputPropTypes = { // eslint-disable-next-line react/forbid-foreign-prop-types
+const dateInputPropTypes = {
+  // eslint-disable-next-line react/forbid-foreign-prop-types
   ..._date.default.propTypes,
   onChange: _propTypes.default.func,
   value: _propTypes.default.string
@@ -264,76 +231,60 @@ const dateInputPropTypes = { // eslint-disable-next-line react/forbid-foreign-pr
 DateRange.propTypes = {
   /** Filtered styled system margin props */
   ...marginPropTypes,
-
   /**
    * Optional label for endDate field
    */
   endLabel: _propTypes.default.string,
-
   /** Custom callback - receives array of startDate and endDate */
   onChange: _propTypes.default.func.isRequired,
-
   /** Custom callback - receives array of startDate and endDate */
   onBlur: _propTypes.default.func,
-
   /** An array containing the value of startDate and endDate */
   value: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-
   /** Indicate that error has occurred on start date
   Pass string to display icon, tooltip and red border
   Pass true boolean to only display red border */
   startError: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate that warning has occurred on start date
   Pass string to display icon, tooltip and orange border
   Pass true boolean to only display orange border */
   startWarning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate additional information for start date
   Pass string to display icon, tooltip and blue border
   Pass true boolean to only display blue border */
   startInfo: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate that error has occurred on end date
   Pass string to display icon, tooltip and red border
   Pass true boolean to only display red border */
   endError: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate that warning has occurred on end date
   Pass string to display icon, tooltip and orange border
   Pass true boolean to only display orange border */
   endWarning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** Indicate additional information for end date
   Pass string to display icon, tooltip and blue border
   Pass true boolean to only display blue border */
   endInfo: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
-
   /** When true, validation icons will be placed on labels instead of being placed on the inputs */
   validationOnLabel: _propTypes.default.bool,
-
   /**
    * Optional label for startDate field
    */
   startLabel: _propTypes.default.string,
-
   /** Display labels inline */
   labelsInline: _propTypes.default.bool,
-
   /** Props for the child start Date component. For more information see the Date component's [prop table](https://carbon.sage.com/iframe.html?id=date-input--default-story&viewMode=docs#props) */
-  startDateProps: _propTypes.default.shape({ ...dateInputPropTypes
+  startDateProps: _propTypes.default.shape({
+    ...dateInputPropTypes
   }),
-
   /** Props for the child end Date component. For more information see the Date component's [prop table](https://carbon.sage.com/iframe.html?id=date-input--default-story&viewMode=docs#props) */
-  endDateProps: _propTypes.default.shape({ ...dateInputPropTypes
+  endDateProps: _propTypes.default.shape({
+    ...dateInputPropTypes
   }),
-
   /** An optional string prop to provide a name to the component */
   name: _propTypes.default.string,
-
   /** An optional string prop to provide an id to the component */
   id: _propTypes.default.string,
-
   /** Overrides the default tooltip position */
   tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"])
 };

package/lib/components/date-range/date-range.context.js

@@ -4,11 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = /*#__PURE__*/_react.default.createContext({});
-
 exports.default = _default;

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

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _styledSystem = require("styled-system");
-
 var _date = _interopRequireDefault(require("../date/date.style"));
-
 var _label = require("../../__internal__/label/label.style");
-
 var _inputPresentation = require("../../__internal__/input/input-presentation.style");
-
 var _base = _interopRequireDefault(require("../../style/themes/base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StyledDateRange = _styledComponents.default.div`
   ${_styledSystem.margin}
 

package/lib/components/date-range/index.js

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