rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/MaskedInput/createTextMaskInputElement.js

@@ -4,39 +4,36 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = createTextMaskInputElement;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _isString = _interopRequireDefault(require("lodash/isString"));
 var _isNumber = _interopRequireDefault(require("lodash/isNumber"));
 var _adjustCaretPosition = _interopRequireDefault(require("./adjustCaretPosition"));
-var _conformToMask2 = _interopRequireDefault(require("./conformToMask"));
+var _conformToMask = _interopRequireDefault(require("./conformToMask"));
 var _utilities = require("./utilities");
 var _utils = require("../internals/utils");
-var emptyString = '';
-var strObject = 'object';
+const emptyString = '';
+const strObject = 'object';
 function createTextMaskInputElement(config) {
   // Anything that we will need to keep between `update` calls, we will store in this `state` object.
-  var state = {
+  const state = {
     previousConformedValue: undefined,
     previousPlaceholder: undefined
   };
   return {
-    state: state,
+    state,
     // `update` is called by framework components whenever they want to update the `value` of the input element.
     // The caller can send a `rawValue` to be conformed and set on the input element. However, the default use-case
     // is for this to be read from the `inputElement` directly.
-    update: function update(rawValue, _temp) {
+    update(rawValue, _temp) {
       var _pipeResults, _pipeResults2;
-      var _ref = _temp === void 0 ? config : _temp,
-        inputElement = _ref.inputElement,
-        providedMask = _ref.mask,
-        guide = _ref.guide,
-        pipe = _ref.pipe,
-        _ref$placeholderChar = _ref.placeholderChar,
-        placeholderChar = _ref$placeholderChar === void 0 ? _utilities.defaultPlaceholderChar : _ref$placeholderChar,
-        _ref$keepCharPosition = _ref.keepCharPositions,
-        keepCharPositions = _ref$keepCharPosition === void 0 ? false : _ref$keepCharPosition,
-        _ref$showMask = _ref.showMask,
-        showMask = _ref$showMask === void 0 ? false : _ref$showMask;
+      let {
+        inputElement,
+        mask: providedMask,
+        guide,
+        pipe,
+        placeholderChar = _utilities.defaultPlaceholderChar,
+        keepCharPositions = false,
+        showMask = false
+      } = _temp === void 0 ? config : _temp;
       // if `rawValue` is `undefined`, read from the `inputElement`
       if (typeof rawValue === 'undefined') {
         rawValue = inputElement.value;
@@ -58,11 +55,11 @@ function createTextMaskInputElement(config) {
 
       // The `placeholder` is an essential piece of how Text Mask works. For a mask like `(111)`, the placeholder would
       // be `(___)` if the `placeholderChar` is set to `_`.
-      var placeholder;
+      let placeholder;
 
       // We don't know what the mask would be yet. If it is an array, we take it as is, but if it's a function, we will
       // have to call that function to get the mask array.
-      var mask;
+      let mask;
 
       // If the provided mask is an array, we can call `convertMaskToPlaceholder` here once and we'll always have the
       // correct `placeholder`.
@@ -78,23 +75,27 @@ function createTextMaskInputElement(config) {
 
       // We check the provided `rawValue` before moving further.
       // If it's something we can't work with `getSafeRawValue` will throw.
-      var safeRawValue = getSafeRawValue(rawValue);
+      const safeRawValue = getSafeRawValue(rawValue);
 
       // `selectionEnd` indicates to us where the caret position is after the user has typed into the input
-      var currentCaretPosition = inputElement.selectionEnd;
+      const {
+        selectionEnd: currentCaretPosition
+      } = inputElement;
 
       // We need to know what the `previousConformedValue` and `previousPlaceholder` is from the previous `update` call
-      var previousConformedValue = state.previousConformedValue,
-        previousPlaceholder = state.previousPlaceholder;
-      var caretTrapIndexes;
+      const {
+        previousConformedValue,
+        previousPlaceholder
+      } = state;
+      let caretTrapIndexes;
 
       // If the `providedMask` is a function. We need to call it at every `update` to get the `mask` array.
       // Then we also need to get the `placeholder`
       if (typeof providedMask === 'function') {
         mask = providedMask(safeRawValue, {
-          currentCaretPosition: currentCaretPosition,
-          previousConformedValue: previousConformedValue,
-          placeholderChar: placeholderChar
+          currentCaretPosition,
+          previousConformedValue,
+          placeholderChar
         });
 
         // disable masking if `mask` is `false`
@@ -105,9 +106,10 @@ function createTextMaskInputElement(config) {
         // mask functions can setup caret traps to have some control over how the caret moves. We need to process
         // the mask for any caret traps. `processCaretTraps` will remove the caret traps from the mask and return
         // the indexes of the caret traps.
-        var _processCaretTraps = (0, _utilities.processCaretTraps)(mask),
-          maskWithoutCaretTraps = _processCaretTraps.maskWithoutCaretTraps,
-          indexes = _processCaretTraps.indexes;
+        const {
+          maskWithoutCaretTraps,
+          indexes
+        } = (0, _utilities.processCaretTraps)(mask);
         mask = maskWithoutCaretTraps; // The processed mask is what we're interested in
         caretTrapIndexes = indexes; // And we need to store these indexes because they're needed by `adjustCaretPosition`
 
@@ -119,30 +121,32 @@ function createTextMaskInputElement(config) {
       }
 
       // The following object will be passed to `conformToMask` to determine how the `rawValue` will be conformed
-      var conformToMaskConfig = {
-        previousConformedValue: previousConformedValue,
-        guide: guide,
-        placeholderChar: placeholderChar,
-        pipe: pipe,
-        placeholder: placeholder,
-        currentCaretPosition: currentCaretPosition,
-        keepCharPositions: keepCharPositions
+      const conformToMaskConfig = {
+        previousConformedValue,
+        guide,
+        placeholderChar,
+        pipe,
+        placeholder,
+        currentCaretPosition,
+        keepCharPositions
       };
 
       // `conformToMask` returns `conformedValue` as part of an object for future API flexibility
-      var _conformToMask = (0, _conformToMask2.default)(safeRawValue, mask, conformToMaskConfig),
-        conformedValue = _conformToMask.conformedValue;
+      const {
+        conformedValue
+      } = (0, _conformToMask.default)(safeRawValue, mask, conformToMaskConfig);
 
       // The following few lines are to support the `pipe` feature.
-      var piped = typeof pipe === 'function';
-      var pipeResults = {};
+      const piped = typeof pipe === 'function';
+      let pipeResults = {};
 
       // If `pipe` is a function, we call it.
       if (piped) {
         // `pipe` receives the `conformedValue` and the configurations with which `conformToMask` was called.
-        pipeResults = pipe(conformedValue, (0, _extends2.default)({
-          rawValue: safeRawValue
-        }, conformToMaskConfig));
+        pipeResults = pipe(conformedValue, {
+          rawValue: safeRawValue,
+          ...conformToMaskConfig
+        });
 
         // `pipeResults` should be an object. But as a convenience, we allow the pipe author to just return `false` to
         // indicate rejection. Or return just a string when there are no piped characters.
@@ -163,26 +167,26 @@ function createTextMaskInputElement(config) {
 
       // Before we proceed, we need to know which conformed value to use, the one returned by the pipe or the one
       // returned by `conformToMask`.
-      var finalConformedValue = piped ? (_pipeResults = pipeResults) === null || _pipeResults === void 0 ? void 0 : _pipeResults.value : conformedValue;
+      const finalConformedValue = piped ? (_pipeResults = pipeResults) === null || _pipeResults === void 0 ? void 0 : _pipeResults.value : conformedValue;
 
       // After determining the conformed value, we will need to know where to set
       // the caret position. `adjustCaretPosition` will tell us.
-      var adjustedCaretPosition = (0, _adjustCaretPosition.default)({
-        previousConformedValue: previousConformedValue,
-        previousPlaceholder: previousPlaceholder,
+      const adjustedCaretPosition = (0, _adjustCaretPosition.default)({
+        previousConformedValue,
+        previousPlaceholder,
         conformedValue: finalConformedValue,
-        placeholder: placeholder,
+        placeholder,
         rawValue: safeRawValue,
-        currentCaretPosition: currentCaretPosition,
-        placeholderChar: placeholderChar,
+        currentCaretPosition,
+        placeholderChar,
         indexesOfPipedChars: (_pipeResults2 = pipeResults) === null || _pipeResults2 === void 0 ? void 0 : _pipeResults2.indexesOfPipedChars,
-        caretTrapIndexes: caretTrapIndexes
+        caretTrapIndexes
       });
 
       // Text Mask sets the input value to an empty string when the condition below is set. It provides a better UX.
-      var inputValueShouldBeEmpty = finalConformedValue === placeholder && adjustedCaretPosition === 0;
-      var emptyValue = showMask ? placeholder : emptyString;
-      var inputElementValue = inputValueShouldBeEmpty ? emptyValue : finalConformedValue;
+      const inputValueShouldBeEmpty = finalConformedValue === placeholder && adjustedCaretPosition === 0;
+      const emptyValue = showMask ? placeholder : emptyString;
+      const inputElementValue = inputValueShouldBeEmpty ? emptyValue : finalConformedValue;
       state.previousConformedValue = inputElementValue; // store value for access for next time
       state.previousPlaceholder = placeholder;
 
@@ -208,6 +212,6 @@ function getSafeRawValue(inputValue) {
   } else if (inputValue === undefined || inputValue === null) {
     return emptyString;
   } else {
-    throw new Error("The 'value' provided to Text Mask needs to be a string or a number. The value received was:\n\n " + JSON.stringify(inputValue));
+    throw new Error(`The 'value' provided to Text Mask needs to be a string or a number. The value received was:\n\n ${JSON.stringify(inputValue)}`);
   }
 }

package/cjs/MaskedInput/utilities.js

@@ -5,9 +5,9 @@ exports.__esModule = true;
 exports.convertMaskToPlaceholder = convertMaskToPlaceholder;
 exports.defaultPlaceholderChar = void 0;
 exports.processCaretTraps = processCaretTraps;
-var emptyArray = [];
-var strCaretTrap = '[]';
-var defaultPlaceholderChar = exports.defaultPlaceholderChar = '_';
+const emptyArray = [];
+const strCaretTrap = '[]';
+const defaultPlaceholderChar = exports.defaultPlaceholderChar = '_';
 function convertMaskToPlaceholder(mask, placeholderChar) {
   if (mask === void 0) {
     mask = emptyArray;
@@ -19,21 +19,21 @@ function convertMaskToPlaceholder(mask, placeholderChar) {
     throw new Error('Text-mask:convertMaskToPlaceholder; The mask property must be an array.');
   }
   if (mask.indexOf(placeholderChar) !== -1) {
-    throw new Error('Placeholder character must not be used as part of the mask. Please specify a character ' + 'that is not present in your mask as your placeholder character.\n\n' + ("The placeholder character that was received is: " + JSON.stringify(placeholderChar) + "\n\n") + ("The mask that was received is: " + JSON.stringify(mask)));
+    throw new Error('Placeholder character must not be used as part of the mask. Please specify a character ' + 'that is not present in your mask as your placeholder character.\n\n' + `The placeholder character that was received is: ${JSON.stringify(placeholderChar)}\n\n` + `The mask that was received is: ${JSON.stringify(mask)}`);
   }
-  return mask.map(function (char) {
+  return mask.map(char => {
     return char instanceof RegExp ? placeholderChar : char;
   }).join('');
 }
 function processCaretTraps(mask) {
-  var indexes = [];
-  var indexOfCaretTrap;
+  const indexes = [];
+  let indexOfCaretTrap;
   while (indexOfCaretTrap = mask.indexOf(strCaretTrap), indexOfCaretTrap !== -1) {
     indexes.push(indexOfCaretTrap);
     mask.splice(indexOfCaretTrap, 1);
   }
   return {
     maskWithoutCaretTraps: mask,
-    indexes: indexes
+    indexes
   };
 }

package/cjs/Message/Message.js

@@ -5,70 +5,61 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
-var _useDelayedClosure2 = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
-var _constants = require("../internals/constants");
+var _useDelayedClosure = _interopRequireDefault(require("../toaster/hooks/useDelayedClosure"));
 var _statusIcons = require("../internals/constants/statusIcons");
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var _excluded = ["as", "bordered", "centered", "className", "classPrefix", "children", "closable", "duration", "full", "header", "type", "showIcon", "onClose"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * The `Message` component is used to display important messages to users.
  * @see https://rsuitejs.com/components/message
  */
-var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _withClassPrefix;
-  var _useCustom = (0, _CustomProvider.useCustom)('Message', props),
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    bordered = propsWithDefaults.bordered,
-    centered = propsWithDefaults.centered,
-    className = propsWithDefaults.className,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'message' : _propsWithDefaults$cl,
-    children = propsWithDefaults.children,
-    closable = propsWithDefaults.closable,
-    _propsWithDefaults$du = propsWithDefaults.duration,
-    duration = _propsWithDefaults$du === void 0 ? 2000 : _propsWithDefaults$du,
-    full = propsWithDefaults.full,
-    header = propsWithDefaults.header,
-    _propsWithDefaults$ty = propsWithDefaults.type,
-    type = _propsWithDefaults$ty === void 0 ? 'info' : _propsWithDefaults$ty,
-    showIcon = propsWithDefaults.showIcon,
-    onClose = propsWithDefaults.onClose,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _useState = (0, _react.useState)('show'),
-    display = _useState[0],
-    setDisplay = _useState[1];
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var isMounted = (0, _hooks.useIsMounted)();
-  var targetRef = _react.default.useRef(null);
+const Message = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Message', props);
+  const {
+    as: Component = 'div',
+    bordered,
+    centered,
+    className,
+    classPrefix = 'message',
+    children,
+    closable,
+    duration = 2000,
+    full,
+    header,
+    type = 'info',
+    showIcon,
+    onClose,
+    ...rest
+  } = propsWithDefaults;
+  const [display, setDisplay] = (0, _react.useState)('show');
+  const {
+    withClassPrefix,
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const isMounted = (0, _hooks.useIsMounted)();
+  const targetRef = _react.default.useRef(null);
 
   // Timed close message
-  var _useDelayedClosure = (0, _useDelayedClosure2.default)({
-      targetRef: targetRef,
-      onClose: onClose,
-      duration: duration
-    }),
-    clear = _useDelayedClosure.clear;
-  var handleClose = (0, _hooks.useEventCallback)(function (event) {
+  const {
+    clear
+  } = (0, _useDelayedClosure.default)({
+    targetRef,
+    onClose,
+    duration
+  });
+  const handleClose = (0, _hooks.useEventCallback)(event => {
     setDisplay('hiding');
     onClose === null || onClose === void 0 || onClose(event);
     clear();
-    setTimeout(function () {
+    setTimeout(() => {
       if (isMounted()) {
         setDisplay('hide');
       }
@@ -77,42 +68,31 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   if (display === 'hide') {
     return null;
   }
-  var classes = merge(className, withClassPrefix(type, display, (_withClassPrefix = {
-    full: full,
-    bordered: bordered,
-    centered: centered
-  }, _withClassPrefix['has-title'] = header, _withClassPrefix['has-icon'] = showIcon, _withClassPrefix)));
+  const classes = merge(className, withClassPrefix(type, display, {
+    full,
+    bordered,
+    centered,
+    ['has-title']: header,
+    ['has-icon']: showIcon
+  }));
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "alert"
   }, rest, {
     ref: (0, _utils.mergeRefs)(targetRef, ref),
     className: classes
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["container"])))
+    className: prefix`container`
   }, closable && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
     onClick: handleClose
   }), showIcon && /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["icon"])))
+    className: prefix`icon`
   }, _statusIcons.MESSAGE_STATUS_ICONS[type]), /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["content"])))
+    className: prefix`content`
   }, header && /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["header"])))
+    className: prefix`header`
   }, header), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: prefix(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["body"])))
+    className: prefix`body`
   }, children))));
 });
 Message.displayName = 'Message';
-Message.propTypes = {
-  bordered: _propTypes.default.bool,
-  centered: _propTypes.default.bool,
-  closable: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  description: _propTypes.default.node,
-  full: _propTypes.default.bool,
-  onClose: _propTypes.default.func,
-  showIcon: _propTypes.default.bool,
-  title: _propTypes.default.node,
-  type: (0, _propTypes2.oneOf)(_constants.STATUS)
-};
 var _default = exports.default = Message;