rsuite 5.48.1 → 5.50.0

package/esm/utils/getStringLength.js

@@ -0,0 +1,13 @@
+'use client';
+function getStringLength(str) {
+  var length = 0;
+  Array.from(str).forEach(function (char) {
+    if (char.charCodeAt(0) > 255) {
+      length += 2;
+    } else {
+      length++;
+    }
+  });
+  return length;
+}
+export default getStringLength;

package/esm/utils/index.d.ts

@@ -24,6 +24,7 @@ export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
 export { default as render } from './render';
 export { default as safeSetSelection } from './safeSetSelection';
+export { default as getStringLength } from './getStringLength';
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';
 export { default as useEventListener } from './useEventListener';
@@ -42,3 +43,5 @@ export { default as useWillUnmount } from './useWillUnmount';
 export { default as useUpdateEffect } from './useUpdateEffect';
 export { default as useIsMounted } from './useIsMounted';
 export { default as useMount } from './useMount';
+export { default as useUniqueId } from './useUniqueId';
+export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';

package/esm/utils/index.js

@@ -27,6 +27,7 @@ export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
 export { default as render } from './render';
 export { default as safeSetSelection } from './safeSetSelection';
+export { default as getStringLength } from './getStringLength';
 
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';
@@ -45,4 +46,6 @@ export { default as useUpdatedRef } from './useUpdatedRef';
 export { default as useWillUnmount } from './useWillUnmount';
 export { default as useUpdateEffect } from './useUpdateEffect';
 export { default as useIsMounted } from './useIsMounted';
-export { default as useMount } from './useMount';
+export { default as useMount } from './useMount';
+export { default as useUniqueId } from './useUniqueId';
+export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';

package/esm/utils/useCustom.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useContext, useCallback } from 'react';
 import defaultLocale from '../locales/default';
 import { CustomContext } from '../CustomProvider/CustomProvider';
-import { format, parse } from '../utils/dateUtils';
+import { format, parse, isValid } from '../utils/dateUtils';
 var mergeObject = function mergeObject(list) {
   return list.reduce(function (a, b) {
     a = _extends({}, a, b);
@@ -39,7 +39,7 @@ function useCustom(keys, overrideLocale) {
   }
   var defaultFormatDate = useCallback(function (date, formatStr) {
     var _locale$Calendar;
-    return format(date, formatStr, {
+    return format(isValid(date) ? date : new Date(), formatStr, {
       locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
     });
   }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);

package/esm/utils/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import { useEffect } from 'react';
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+export default useIsomorphicLayoutEffect;

package/esm/utils/useIsomorphicLayoutEffect.js

@@ -0,0 +1,4 @@
+'use client';
+import { useEffect, useLayoutEffect } from 'react';
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+export default useIsomorphicLayoutEffect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.48.1",
+  "version": "5.50.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/styles/color-modes/dark.less

@@ -79,6 +79,7 @@
   --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
 
   // Button

package/styles/color-modes/high-contrast.less

@@ -80,6 +80,7 @@
   --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
   --rs-state-focus-shadow-slim: 0 0 0 2px var(--rs-gray-0);
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
 
   // Button

package/styles/color-modes/light.less

@@ -86,6 +86,7 @@
   --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
 
   // Button

package/styles/mixins/combobox.less

@@ -0,0 +1,10 @@
+.combobox-indicator-icon(@right:@padding-x) {
+  display: flex;
+  align-items: center;
+  margin-left: 2px;
+  position: absolute;
+  top: @padding-y;
+  right: @right;
+  height: @line-height-computed;
+  font-size: 12px;
+}

package/styles/normalize.less

@@ -6,243 +6,242 @@
 // Heads up! This reset may cause conflicts with some third-party widgets.
 // For recommendations on resolving such conflicts, see
 // http://getbootstrap.com/getting-started/#third-box-sizing
-* {
+*[class*='rs-'] {
   box-sizing: border-box;
-}
-
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-body {
-  // Remove default margin.
-  margin: 0;
-  // Optimize for the retina screen
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-// Address `[hidden]` styling not present in IE 10.
-// Hide the `template` element in IE 10/11, Safari, and Firefox < 22.
-[hidden],
-template {
-  display: none;
-}
-
-// Links
-// ==========================================================================
-
-// Remove the gray background color from active links in IE 10.
-a {
-  background-color: transparent;
-}
-
-// Improve readability of focused elements when they are also in an
-// active/hover state.
-a:active,
-a:hover {
-  outline: 0;
-}
-
-// Text-level semantics
-// ==========================================================================
-
-// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
-b,
-strong {
-  font-weight: bold;
-}
-
-// Prevent `sub` and `sup` affecting `line-height` in all browsers.
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-// Embedded content
-// ==========================================================================
-
-// Remove border when inside `a` element in IE 10.
-img {
-  border: 0;
-}
-
-// Correct overflow not hidden in IE 10/11.
-svg:not(:root) {
-  overflow: hidden;
-}
-
-// Address differences between Firefox and other browsers.
-hr {
-  box-sizing: content-box;
-  height: 0;
-}
-
-// Contain overflow in all browsers.
-pre {
-  overflow: auto;
-}
-
-// Forms
-// ==========================================================================
-
-// Known limitation: by default, Chrome and Safari on OS X allow very limited
-// styling of `select`, unless a `border` property is set.
-
-// 1. Correct color not being inherited.
-//    Known issue: affects color of disabled elements.
-// 2. Correct font properties not being inherited.
-// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit; // 1
-  font: inherit; // 2
-  margin: 0; // 3
-}
-
-// Address `overflow` set to `hidden` in IE 10/11.
-button {
-  overflow: visible;
-}
 
-// Remove border radius in Chrome 62+
-button {
-  border-radius: 0;
-}
-
-// Address inconsistent `text-transform` inheritance for `button` and `select`.
-// All other form control elements do not inherit `text-transform` values.
-// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
-// Correct `select` style inheritance in Firefox.
-button,
-select {
-  text-transform: none;
-}
-
-// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
-//    and `video` controls.
-// 2. Correct inability to style clickable `input` types in iOS.
-// 3. Improve usability and consistency of cursor style between image-type
-//    `input` and others.
-button,
-html input[type='button'],
-input[type='reset'],
-input[type='submit'] {
-  -webkit-appearance: button; // 2
-  cursor: pointer; // 3
-}
-
-// Re-set default cursor for disabled elements.
-button[disabled],
-html input[disabled] {
-  cursor: not-allowed;
-}
-
-// Remove inner padding and border in Firefox 4+.
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-// Address Firefox 4+ setting `line-height` on `input` using `!important` in
-// the UA stylesheet.
-input {
-  line-height: normal;
-}
-
-// It's recommended that you don't attempt to style these elements.
-// Firefox's implementation doesn't respect box-sizing, padding, or width.
-//
-// 1. Address box sizing set to `content-box` in IE 10.
-// 2. Remove excess padding in IE 10.
-input[type='checkbox'],
-input[type='radio'] {
-  box-sizing: border-box; // 1
-  padding: 0; // 2
-}
-
-// Fix the cursor style for Chrome's increment/decrement buttons. For certain
-// `font-size` values of the `input`, it causes the cursor style of the
-// decrement button to change from `default` to `text`.
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-// Remove default vertical scrollbar in IE 10/11.
-textarea {
-  overflow: auto;
-}
-
-// Tables
-// ==========================================================================
-
-// Remove most spacing between table cells.
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}
-
-// Remove tabIndex component outline
-[tabindex='-1'] {
-  outline: none;
-}
-
-// Remove Default button Style
-input[type='button'],
-input[type='submit'],
-input[type='reset'],
-button {
-  border-width: 0;
-}
-
-// Remove IE10's “clear field” X button on certain inputs
-input::-ms-clear {
-  display: none;
-}
-
-// Remove File button Style
-input[type='file']::-webkit-file-upload-button,
-input[type='file']::-ms-browse {
-  border-width: 0;
-  background: transparent;
-  color: currentColor;
-}
-
-// Reset fonts for relevant elements
-input,
-button,
-select,
-textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
+  &::before,
+  &::after {
+    box-sizing: border-box;
+  }
 }
 
 // import reset styles
 & when (@enable-css-reset = true) {
+  body {
+    // Remove default margin.
+    margin: 0;
+    // Optimize for the retina screen
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  // Address `[hidden]` styling not present in IE 10.
+  // Hide the `template` element in IE 10/11, Safari, and Firefox < 22.
+  [hidden],
+  template {
+    display: none;
+  }
+
+  // Links
+  // ==========================================================================
+
+  // Remove the gray background color from active links in IE 10.
+  a {
+    background-color: transparent;
+  }
+
+  // Improve readability of focused elements when they are also in an
+  // active/hover state.
+  a:active,
+  a:hover {
+    outline: 0;
+  }
+
+  // Text-level semantics
+  // ==========================================================================
+
+  // Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+  b,
+  strong {
+    font-weight: bold;
+  }
+
+  // Prevent `sub` and `sup` affecting `line-height` in all browsers.
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  sup {
+    top: -0.5em;
+  }
+
+  sub {
+    bottom: -0.25em;
+  }
+
+  // Embedded content
+  // ==========================================================================
+
+  // Remove border when inside `a` element in IE 10.
+  img {
+    border: 0;
+  }
+
+  // Correct overflow not hidden in IE 10/11.
+  svg:not(:root) {
+    overflow: hidden;
+  }
+
+  // Address differences between Firefox and other browsers.
+  hr {
+    box-sizing: content-box;
+    height: 0;
+  }
+
+  // Contain overflow in all browsers.
+  pre {
+    overflow: auto;
+  }
+
+  // Forms
+  // ==========================================================================
+
+  // Known limitation: by default, Chrome and Safari on OS X allow very limited
+  // styling of `select`, unless a `border` property is set.
+
+  // 1. Correct color not being inherited.
+  //    Known issue: affects color of disabled elements.
+  // 2. Correct font properties not being inherited.
+  // 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    color: inherit; // 1
+    font: inherit; // 2
+    margin: 0; // 3
+  }
+
+  // Address `overflow` set to `hidden` in IE 10/11.
+  button {
+    overflow: visible;
+  }
+
+  // Remove border radius in Chrome 62+
+  button {
+    border-radius: 0;
+  }
+
+  // Address inconsistent `text-transform` inheritance for `button` and `select`.
+  // All other form control elements do not inherit `text-transform` values.
+  // Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+  // Correct `select` style inheritance in Firefox.
+  button,
+  select {
+    text-transform: none;
+  }
+
+  // 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+  //    and `video` controls.
+  // 2. Correct inability to style clickable `input` types in iOS.
+  // 3. Improve usability and consistency of cursor style between image-type
+  //    `input` and others.
+  button,
+  html input[type='button'],
+  input[type='reset'],
+  input[type='submit'] {
+    -webkit-appearance: button; // 2
+    cursor: pointer; // 3
+  }
+
+  // Re-set default cursor for disabled elements.
+  button[disabled],
+  html input[disabled] {
+    cursor: not-allowed;
+  }
+
+  // Remove inner padding and border in Firefox 4+.
+  button::-moz-focus-inner,
+  input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+  }
+
+  // Address Firefox 4+ setting `line-height` on `input` using `!important` in
+  // the UA stylesheet.
+  input {
+    line-height: normal;
+  }
+
+  // It's recommended that you don't attempt to style these elements.
+  // Firefox's implementation doesn't respect box-sizing, padding, or width.
+  //
+  // 1. Address box sizing set to `content-box` in IE 10.
+  // 2. Remove excess padding in IE 10.
+  input[type='checkbox'],
+  input[type='radio'] {
+    box-sizing: border-box; // 1
+    padding: 0; // 2
+  }
+
+  // Fix the cursor style for Chrome's increment/decrement buttons. For certain
+  // `font-size` values of the `input`, it causes the cursor style of the
+  // decrement button to change from `default` to `text`.
+  input[type='number']::-webkit-inner-spin-button,
+  input[type='number']::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  // Remove default vertical scrollbar in IE 10/11.
+  textarea {
+    overflow: auto;
+  }
+
+  // Tables
+  // ==========================================================================
+
+  // Remove most spacing between table cells.
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+
+  td,
+  th {
+    padding: 0;
+  }
+
+  // Remove tabIndex component outline
+  [tabindex='-1'] {
+    outline: none;
+  }
+
+  // Remove Default button Style
+  input[type='button'],
+  input[type='submit'],
+  input[type='reset'],
+  button {
+    border-width: 0;
+  }
+
+  // Remove IE10's “clear field” X button on certain inputs
+  input::-ms-clear {
+    display: none;
+  }
+
+  // Remove File button Style
+  input[type='file']::-webkit-file-upload-button,
+  input[type='file']::-ms-browse {
+    border-width: 0;
+    background: transparent;
+    color: currentColor;
+  }
+
+  // Reset fonts for relevant elements
+  input,
+  button,
+  select,
+  textarea {
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+  }
+
   @import 'scaffolding';
   @import 'typography';
 }
-