rsuite 6.0.0-canary-20250507 → 6.0.0-canary-2025062016

package/Uploader/styles/index.less

@@ -1,468 +0,0 @@
-@import '../../styles/common';
-@import '../../Button/styles/index';
-@import '../../Loader/styles/mixin';
-@import 'mixin';
-
-// Uploader
-// ----------------------
-
-.rs-uploader {
-  --rs-uploader-file-item-icon-font-size: 1.375rem;
-  --rs-uploader-file-item-icon-margin: 0.75rem;
-  --rs-uploader-file-item-icon-margin-plus: 1.375rem;
-
-  &-trigger {
-    input[type='file'] {
-      position: absolute !important;
-      clip: rect(1px 1px 1px 1px);
-    }
-  }
-
-  &-file-item-disabled {
-    opacity: 0.3;
-    cursor: not-allowed;
-
-    &:hover {
-      background-color: transparent !important;
-    }
-
-    .rs-uploader-picture & .rs-uploader-file-item-status {
-      cursor: not-allowed;
-    }
-
-    .rs-uploader-file-item-btn-remove {
-      display: none;
-    }
-  }
-
-  &-file-item-icon-reupload {
-    cursor: pointer;
-    margin-inline-start: 10px;
-    color: var(--rs-text-primary);
-    font-size: var(--rs-font-size-xs);
-  }
-}
-
-.rs-uploader-file-item {
-  &:hover &-title {
-    .high-contrast-mode({
-      color: var(--rs-uploader-item-hover-text);
-      text-decoration: underline;
-    });
-  }
-}
-
-.rs-uploader-text {
-  .rs-uploader-file-items {
-    margin-top: @uploader-file-list-margin-top;
-  }
-
-  .rs-uploader-file-item {
-    padding: @padding-y 30px @padding-y 36px;
-    position: relative;
-    transition: 0.3s linear background-color;
-
-    &:hover {
-      background-color: var(--rs-uploader-item-hover-bg);
-    }
-
-    &-icon-wrapper {
-      position: absolute;
-      display: inline-flex;
-      align-items: center;
-      top: @padding-y;
-      inset-inline-start: @padding-x;
-      width: @line-height-computed;
-      height: @line-height-computed;
-      justify-content: center;
-    }
-
-    &-icon-loading {
-      .rs-uploader-file-item-icon {
-        .loader-size(@loader-default-diameter);
-        .loader-spin();
-
-        > svg {
-          display: none;
-        }
-      }
-    }
-
-    &-content {
-      display: flex;
-      justify-content: space-between;
-      color: var(--rs-text-primary);
-      transition: color 0.3s;
-    }
-
-    &-title {
-      .ellipsis();
-
-      flex: 1 1 auto;
-    }
-
-    &-size {
-      flex: 0 0 auto;
-      color: var(--rs-text-secondary);
-      padding: 0 @uploader-base-padding;
-    }
-
-    &-status {
-      flex: 0 0 auto;
-
-      > a {
-        .reset-link-text-decoration();
-      }
-    }
-
-    &-btn-remove {
-      position: absolute;
-      font-size: var(--rs-font-size-sm);
-      top: 12px;
-      inset-inline-end: @padding-x;
-      color: var(--rs-text-secondary);
-      cursor: pointer;
-      padding: 0;
-
-      &:hover,
-      &:focus {
-        text-decoration: none;
-      }
-    }
-
-    &-panel {
-      position: relative;
-    }
-
-    &-progress {
-      position: absolute;
-      bottom: 0;
-      width: 100%;
-      inset-inline-start: 0;
-
-      &-bar {
-        height: 2px;
-        background-color: var(--rs-primary-500);
-        transition: width 0.3s ease-in-out;
-      }
-    }
-  }
-
-  .rs-uploader-file-item-has-error {
-    .rs-uploader-file-item-content,
-    .rs-uploader-file-item-title {
-      color: var(--rs-state-error);
-    }
-  }
-}
-
-.rs-uploader-picture {
-  display: inline-block;
-  .clearfix();
-
-  .rs-uploader-trigger-btn {
-    .rs-btn();
-    .rs-btn-subtle();
-
-    width: @uploader-picture-side-length;
-    height: @uploader-picture-side-length;
-    margin: 0;
-    padding: 0;
-    border: 2px dotted var(--rs-border-primary);
-    border-radius: var(--rs-radius-md);
-    margin-top: @uploader-picture-item-gap;
-  }
-
-  .rs-uploader-trigger.rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
-    color: var(--rs-btn-subtle-text) !important;
-    background-color: transparent !important;
-
-    &::after {
-      display: none;
-    }
-  }
-
-  .rs-uploader-trigger,
-  .rs-uploader-file-item {
-    float: inline-start;
-  }
-
-  .rs-uploader-file-items {
-    display: inline;
-  }
-
-  .rs-uploader-file-item {
-    width: @uploader-picture-side-length;
-    height: @uploader-picture-side-length;
-    overflow: hidden;
-    background-color: var(--rs-uploader-item-bg);
-    border-radius: var(--rs-radius-md);
-    position: relative;
-    margin-top: @uploader-picture-item-gap;
-    margin-inline-end: @uploader-picture-item-gap;
-
-    &-preview {
-      position: relative;
-      height: @uploader-picture-side-length;
-      vertical-align: middle;
-      text-align: center;
-      z-index: @zindex-uploader-picture-preview;
-
-      > img {
-        .img-cover();
-      }
-
-      .rs-uploader-file-item-icon {
-        font-size: var(--rs-uploader-file-item-icon-font-size);
-        margin: var(--rs-uploader-file-item-icon-margin-plus);
-      }
-    }
-
-    &-status {
-      position: absolute;
-      top: 0;
-      inset-inline-start: 0;
-      width: @uploader-picture-side-length;
-      height: @uploader-picture-side-length;
-      text-align: center;
-      z-index: @zindex-uploader-picture-error-wrapper;
-      background-color: var(--rs-uploader-overlay-bg);
-      cursor: default;
-      color: var(--rs-state-error);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-
-      > span {
-        white-space: nowrap;
-      }
-
-      > a:hover {
-        text-decoration: none;
-      }
-    }
-
-    &-icon-wrapper {
-      display: none;
-    }
-
-    &-btn-remove {
-      color: var(--rs-text-secondary);
-      cursor: pointer;
-      position: absolute;
-      top: 3px;
-      inset-inline-end: 3px;
-      width: @uploader-picture-remove-button-radius;
-      height: @uploader-picture-remove-button-radius;
-      line-height: @uploader-picture-remove-button-radius;
-      text-align: center;
-      background-color: var(--rs-uploader-overlay-bg);
-      border-radius: var(--rs-radius-full);
-      visibility: hidden;
-      opacity: 0;
-      transition: 0.2s opacity;
-      z-index: @zindex-uploader-picture-remove-button;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding-top: 0;
-
-      &:hover,
-      &:focus {
-        text-decoration: none;
-      }
-    }
-
-    &:hover .rs-uploader-file-item-btn-remove {
-      opacity: 1;
-      visibility: visible;
-    }
-
-    &-icon-loading {
-      display: block;
-      width: @uploader-picture-side-length;
-      height: @uploader-picture-side-length;
-      line-height: @uploader-picture-side-length;
-      background-color: var(--rs-uploader-overlay-bg);
-      position: absolute;
-      top: 0;
-      inset-inline-start: 0;
-      z-index: @zindex-uploader-picture-loading-wrapper;
-      text-align: center;
-
-      .rs-uploader-file-item-icon {
-        .loader-size(@loader-default-diameter);
-        .loader-spin();
-
-        display: inline-block;
-        position: relative;
-
-        > svg {
-          display: none;
-        }
-      }
-    }
-  }
-
-  // Reset margin-left.
-  .rs-uploader-file-item-icon-reupload {
-    margin-inline-start: 0;
-    display: block;
-  }
-}
-
-.rs-uploader-picture-text {
-  .rs-uploader-file-item {
-    position: relative;
-    height: @uploader-picture-text-preview-side-length;
-    padding-inline-start: @uploader-picture-text-preview-side-length;
-    margin-top: @uploader-picture-item-gap;
-    padding-inline-end: 30px;
-    border: 1px solid var(--rs-border-primary);
-    border-radius: var(--rs-radius-md);
-    overflow: hidden;
-    transition: 0.3s linear background-color;
-
-    &:hover {
-      background-color: var(--rs-uploader-item-hover-bg);
-    }
-
-    &-icon-wrapper {
-      display: none;
-    }
-
-    &-preview {
-      position: absolute;
-      inset-inline-start: 0;
-      top: 0;
-      width: @uploader-picture-text-preview-side-length;
-      height: @uploader-picture-text-preview-side-length;
-      vertical-align: middle;
-      text-align: center;
-      background-color: var(--rs-border-primary);
-      overflow: hidden;
-      border-top-left-radius: var(--rs-radius-md);
-      border-bottom-left-radius: var(--rs-radius-md);
-
-      > img {
-        .img-cover();
-      }
-
-      .rs-uploader-file-item-icon {
-        font-size: var(--rs-uploader-file-item-icon-font-size);
-        margin: var(--rs-uploader-file-item-icon-margin);
-      }
-    }
-
-    &-content {
-      padding: 5px 12px;
-
-      .rs-uploader-file-item-title,
-      .rs-uploader-file-item-size {
-        display: block;
-      }
-
-      .rs-uploader-file-item-title {
-        color: var(--rs-text-primary);
-
-        .ellipsis();
-      }
-
-      .rs-uploader-file-item-size {
-        color: var(--rs-text-secondary);
-      }
-    }
-
-    &-btn-remove {
-      position: absolute;
-      top: 0;
-      inset-inline-end: @padding-x;
-      color: var(--rs-text-secondary);
-      cursor: pointer;
-      height: @uploader-picture-text-preview-side-length;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 0;
-
-      &:hover,
-      &:focus {
-        text-decoration: none;
-      }
-    }
-
-    &-progress {
-      position: absolute;
-      bottom: 0;
-      width: 100%;
-      inset-inline-start: 0;
-      padding-inline-start: @uploader-picture-text-preview-side-length;
-
-      &-bar {
-        height: 2px;
-        background-color: var(--rs-primary-500);
-        transition: width 0.3s ease-in-out;
-      }
-    }
-
-    &-icon-loading {
-      position: absolute;
-      top: 0;
-      inset-inline-start: 0;
-      display: block;
-      width: @uploader-picture-text-preview-side-length;
-      height: @uploader-picture-text-preview-side-length;
-      z-index: 1;
-      background-color: var(--rs-border-primary);
-      text-align: center;
-      line-height: 50px;
-
-      .rs-uploader-file-item-icon {
-        .loader-size(@loader-default-diameter);
-        .loader-spin();
-
-        display: inline-block;
-        position: relative;
-
-        > svg {
-          display: none;
-        }
-      }
-    }
-  }
-
-  .rs-uploader-file-item-has-error {
-    .rs-uploader-file-item-size {
-      display: none;
-    }
-
-    .rs-uploader-file-item-title,
-    .rs-uploader-file-item-status {
-      display: block;
-      color: var(--rs-state-error);
-    }
-  }
-}
-
-.rs-uploader-draggable {
-  .rs-uploader-trigger-customize .rs-uploader-trigger-btn {
-    display: block;
-    background: var(--rs-uploader-dnd-bg);
-    border: 1px dashed var(--rs-uploader-dnd-border);
-  }
-
-  .rs-uploader-trigger.rs-uploader-trigger-customize:not(.rs-uploader-trigger-disabled)
-    .rs-uploader-trigger-btn:hover,
-  .rs-uploader-trigger-drag-over .rs-uploader-trigger-btn.rs-uploader-trigger-customize {
-    border-color: var(--rs-uploader-dnd-hover-border);
-  }
-
-  .rs-uploader-trigger-disabled {
-    cursor: not-allowed;
-  }
-
-  .rs-uploader-trigger-disabled .rs-uploader-trigger-btn {
-    pointer-events: none;
-  }
-}

package/Uploader/styles/mixin.less

@@ -1,11 +0,0 @@
-.img-cover() {
-  width: 100%;
-  height: auto;
-
-  @supports (object-fit: cover) {
-    & {
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-}

package/VisuallyHidden/styles/index.less

@@ -1,11 +0,0 @@
-.rs-visually-hidden {
-  border: 0;
-  clip: rect(0 0 0 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px;
-  white-space: nowrap;
-}

package/cjs/Progress/ProgressCircle.js

@@ -1,132 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _Box = _interopRequireDefault(require("../internals/Box"));
-var _statusIcons = require("../internals/constants/statusIcons");
-var _utils = require("../internals/utils");
-var _hooks = require("../internals/hooks");
-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 `Progress.Circle` component is used to display the progress of current operation.
- * @see https://rsuitejs.com/components/progress/#circle
- */
-const ProgressCircle = (0, _utils.forwardRef)((props, ref) => {
-  const {
-    propsWithDefaults
-  } = (0, _hooks.useCustom)('ProgressCircle', props);
-  const {
-    as,
-    strokeWidth = 6,
-    trailWidth = 6,
-    percent = 0,
-    strokeLinecap = 'round',
-    className,
-    showInfo = true,
-    status,
-    classPrefix = 'progress',
-    style,
-    gapDegree = 0,
-    gapPosition = 'top',
-    trailColor,
-    strokeColor,
-    ...rest
-  } = propsWithDefaults;
-  const getPathStyles = (0, _react.useCallback)(() => {
-    const radius = 50 - strokeWidth / 2;
-    let x1 = 0;
-    let y1 = -radius;
-    let x2 = 0;
-    let y2 = -2 * radius;
-    switch (gapPosition) {
-      case 'left':
-        x1 = -radius;
-        y1 = 0;
-        x2 = 2 * radius;
-        y2 = 0;
-        break;
-      case 'right':
-        x1 = radius;
-        y1 = 0;
-        x2 = -2 * radius;
-        y2 = 0;
-        break;
-      case 'bottom':
-        y1 = radius;
-        y2 = 2 * radius;
-        break;
-      default:
-    }
-    const pathString = `M 50,50 m ${x1},${y1} a ${radius},${radius} 0 1 1 ${x2},${-y2} a ${radius},${radius} 0 1 1 ${-x2},${y2}`;
-    const len = Math.PI * 2 * radius;
-    const trailPathStyle = {
-      stroke: trailColor,
-      strokeDasharray: `${len - gapDegree}px ${len}px`,
-      strokeDashoffset: `-${gapDegree / 2}px`
-    };
-    const strokePathStyle = {
-      stroke: strokeColor,
-      strokeDasharray: `${percent / 100 * (len - gapDegree)}px ${len}px`,
-      strokeDashoffset: `-${gapDegree / 2}px`
-    };
-    return {
-      pathString,
-      trailPathStyle,
-      strokePathStyle
-    };
-  }, [gapDegree, gapPosition, percent, strokeColor, strokeWidth, trailColor]);
-  const {
-    pathString,
-    trailPathStyle,
-    strokePathStyle
-  } = getPathStyles();
-  const {
-    prefix,
-    merge,
-    withPrefix
-  } = (0, _hooks.useStyles)(classPrefix);
-  const classes = merge(className, withPrefix('circle', {
-    [`circle-${status || ''}`]: !!status
-  }));
-  const showIcon = status && status !== 'active';
-  const info = showIcon ? /*#__PURE__*/_react.default.createElement("span", {
-    className: prefix(`icon-${status || ''}`)
-  }, _statusIcons.PROGRESS_STATUS_ICON[status]) : /*#__PURE__*/_react.default.createElement("span", {
-    key: 1
-  }, percent, "%");
-  return /*#__PURE__*/_react.default.createElement(_Box.default, {
-    as: as,
-    role: "progressbar",
-    "aria-valuemin": "0",
-    "aria-valuemax": "100",
-    "aria-valuenow": percent,
-    ref: ref,
-    className: classes,
-    style: style
-  }, showInfo ? /*#__PURE__*/_react.default.createElement("span", {
-    className: prefix('circle-info')
-  }, info) : null, /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
-    className: prefix('svg'),
-    viewBox: "0 0 100 100"
-  }, rest), /*#__PURE__*/_react.default.createElement("path", {
-    className: prefix('trail'),
-    d: pathString,
-    strokeWidth: trailWidth || strokeWidth,
-    fillOpacity: "0",
-    style: trailPathStyle
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: pathString,
-    strokeLinecap: strokeLinecap,
-    className: prefix('stroke'),
-    strokeWidth: percent === 0 ? 0 : strokeWidth,
-    fillOpacity: "0",
-    style: strokePathStyle
-  })));
-});
-ProgressCircle.displayName = 'ProgressCircle';
-var _default = exports.default = ProgressCircle;

package/cjs/internals/Overlay/positionUtils.d.ts

@@ -1,15 +0,0 @@
-import type { Offset } from '../types';
-import type { CursorPosition, UtilProps, PositionType } from './types';
-export declare const AutoPlacement: {
-    left: string;
-    right: string;
-    top: string;
-    bottom: string;
-};
-declare const _default: (props: UtilProps) => {
-    getPosition(target: HTMLElement, container: HTMLElement): import("dom-lib/getOffset").Offset | DOMRect | null;
-    getCursorOffsetPosition(target: HTMLElement, container: HTMLElement, cursorPosition: CursorPosition): Offset;
-    calcAutoPlacement(targetOffset: any, container: any, overlay: any): any;
-    calcOverlayPosition(overlayNode: HTMLElement, target: HTMLElement, container: HTMLElement, cursorPosition?: CursorPosition | null): PositionType;
-};
-export default _default;