rsuite 5.51.0 → 5.52.0

package/toaster/styles/index.css

@@ -0,0 +1,239 @@
+:root,
+.rs-theme-light {
+  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+.rs-theme-dark {
+  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+.rs-theme-high-contrast {
+  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+/* stylelint-disable */
+*[class*='rs-'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+@-webkit-keyframes notificationMoveIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+  }
+}
+@keyframes notificationMoveIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+  }
+}
+@-webkit-keyframes notificationMoveInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@keyframes notificationMoveInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@-webkit-keyframes notificationMoveInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@keyframes notificationMoveInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@-webkit-keyframes notificationMoveOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+    max-height: 100px;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+    max-height: 0;
+    overflow: hidden;
+  }
+}
+@keyframes notificationMoveOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+    max-height: 100px;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+    max-height: 0;
+    overflow: hidden;
+  }
+}
+.rs-toast {
+  pointer-events: auto;
+}
+.rs-toast-container {
+  position: fixed;
+  z-index: 1080;
+  pointer-events: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.rs-toast-container .rs-toast:not(.rs-notification) {
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--rs-shadow-overlay);
+          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+          box-shadow: var(--rs-shadow-overlay);
+}
+.rs-toast-container .rs-toast-fade-entered,
+.rs-toast-container .rs-toast-fade-exiting {
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+.rs-toast-container .rs-toast-fade-entered {
+  -webkit-animation-duration: 0.4s;
+          animation-duration: 0.4s;
+  -webkit-animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+          animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+}
+.rs-toast-container .rs-toast-fade-exited,
+.rs-toast-container .rs-toast-fade-entering {
+  opacity: 0;
+}
+.rs-toast-container .rs-toast-fade-exited {
+  -webkit-transform-origin: 0 0;
+          transform-origin: 0 0;
+  -webkit-transform: scaleY(0.8);
+          transform: scaleY(0.8);
+  max-height: 0;
+  overflow: hidden;
+}
+.rs-toast-container-top-center,
+.rs-toast-container-bottom-center {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+}
+.rs-toast-container-top-center .rs-toast-fade-entered,
+.rs-toast-container-bottom-center .rs-toast-fade-entered {
+  -webkit-animation-name: notificationMoveIn;
+          animation-name: notificationMoveIn;
+}
+.rs-toast-container-bottom-start,
+.rs-toast-container-top-start {
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  left: 24px;
+}
+.rs-toast-container-bottom-start .rs-toast-fade-entered,
+.rs-toast-container-top-start .rs-toast-fade-entered {
+  -webkit-animation-name: notificationMoveInLeft;
+          animation-name: notificationMoveInLeft;
+}
+.rs-toast-container-bottom-end,
+.rs-toast-container-top-end {
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+  right: 24px;
+}
+.rs-toast-container-bottom-end .rs-toast-fade-entered,
+.rs-toast-container-top-end .rs-toast-fade-entered {
+  margin-left: auto;
+  -webkit-animation-name: notificationMoveInRight;
+          animation-name: notificationMoveInRight;
+}
+.rs-toast-container-top-center,
+.rs-toast-container-top-start,
+.rs-toast-container-top-end {
+  top: 24px;
+}
+.rs-toast-container-bottom-center,
+.rs-toast-container-bottom-start,
+.rs-toast-container-bottom-end {
+  bottom: 24px;
+}
+.rs-toast-container .rs-toast-fade-exiting {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
+          animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
+  -webkit-animation-name: notificationMoveOut;
+          animation-name: notificationMoveOut;
+}
+
+/*# sourceMappingURL=index.css.map */

package/CloseButton/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/CloseButton",
-  "private": true,
-  "main": "../cjs/CloseButton/index.js",
-  "module": "../esm/CloseButton/index.js",
-  "types": "../esm/CloseButton/index.d.ts"
-}

package/Disclosure/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Disclosure",
-  "private": true,
-  "main": "../cjs/Disclosure/index.js",
-  "module": "../esm/Disclosure/index.js",
-  "types": "../esm/Disclosure/index.d.ts"
-}

package/Menu/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Menu",
-  "private": true,
-  "main": "../cjs/Menu/index.js",
-  "module": "../esm/Menu/index.js",
-  "types": "../esm/Menu/index.d.ts"
-}

package/Overlay/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Overlay",
-  "private": true,
-  "main": "../cjs/Overlay/index.js",
-  "module": "../esm/Overlay/index.js",
-  "types": "../esm/Overlay/index.d.ts"
-}

package/Picker/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Picker",
-  "private": true,
-  "main": "../cjs/Picker/index.js",
-  "module": "../esm/Picker/index.js",
-  "types": "../esm/Picker/index.d.ts"
-}

package/Plaintext/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Plaintext",
-  "private": true,
-  "main": "../cjs/Plaintext/index.js",
-  "module": "../esm/Plaintext/index.js",
-  "types": "../esm/Plaintext/index.d.ts"
-}

package/Ripple/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Ripple",
-  "private": true,
-  "main": "../cjs/Ripple/index.js",
-  "module": "../esm/Ripple/index.js",
-  "types": "../esm/Ripple/index.d.ts"
-}

package/Windowing/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "rsuite/Windowing",
-  "private": true,
-  "main": "../cjs/Windowing/index.js",
-  "module": "../esm/Windowing/index.js",
-  "types": "../esm/Windowing/index.d.ts"
-}

package/cjs/Picker/SearchBar.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export interface SearchBarProps extends WithAsProps {
-    value?: string;
-    placeholder?: string;
-    className?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-declare const SearchBar: RsRefForwardingComponent<'div', SearchBarProps>;
-export default SearchBar;

package/esm/Picker/SearchBar.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-export interface SearchBarProps extends WithAsProps {
-    value?: string;
-    placeholder?: string;
-    className?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-declare const SearchBar: RsRefForwardingComponent<'div', SearchBarProps>;
-export default SearchBar;

package/esm/Picker/SearchBar.js

@@ -1,53 +0,0 @@
-'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React from 'react';
-import PropTypes from 'prop-types';
-import Search from '@rsuite/icons/legacy/Search';
-import { useClassNames, useEventCallback } from '../utils';
-var SearchBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker-search-bar' : _props$classPrefix,
-    value = props.value,
-    children = props.children,
-    className = props.className,
-    placeholder = props.placeholder,
-    inputRef = props.inputRef,
-    onChange = props.onChange,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "value", "children", "className", "placeholder", "inputRef", "onChange"]);
-  var _useClassNames = useClassNames(classPrefix),
-    withClassPrefix = _useClassNames.withClassPrefix,
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, withClassPrefix());
-  var handleChange = useEventCallback(function (event) {
-    var _event$target;
-    onChange === null || onChange === void 0 ? void 0 : onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
-  });
-  return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
-    ref: ref,
-    className: classes
-  }), /*#__PURE__*/React.createElement("input", {
-    role: "searchbox",
-    className: prefix('input'),
-    value: value,
-    onChange: handleChange,
-    placeholder: placeholder,
-    ref: inputRef
-  }), /*#__PURE__*/React.createElement(Search, {
-    className: prefix('search-icon')
-  }), children);
-});
-SearchBar.displayName = 'SearchBar';
-SearchBar.propTypes = {
-  as: PropTypes.elementType,
-  classPrefix: PropTypes.string,
-  value: PropTypes.string,
-  placeholder: PropTypes.string,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  onChange: PropTypes.func
-};
-export default SearchBar;