rc-dialog - npm Package Compare versions

Comparing version 9.6.0 to 10.0.0

es/Dialog/Content/Panel.js

@@ -90,4 +90,5 @@ import _extends from "@babel/runtime/helpers/esm/extends";
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-title"),
-    id: ariaId
+    className: classNames("".concat(prefixCls, "-title"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.title),
+    id: ariaId,
+    style: _objectSpread({}, modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.title)
   }, title)) : null;
@@ -118,4 +119,4 @@ var closableObj = useMemo(function () {
   var content = /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "-content"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.content),
-    style: modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.content
+    className: classNames("".concat(prefixCls, "-section"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.section),
+    style: modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.section
   }, closerNode, headerNode, /*#__PURE__*/React.createElement("div", _extends({
@@ -122,0 +123,0 @@ className: classNames("".concat(prefixCls, "-body"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.body),

es/IDialogPropTypes.d.ts

 import type { GetContainer } from 'rc-util/lib/PortalWrapper';
 import type { CSSProperties, ReactNode, SyntheticEvent } from 'react';
-export interface ModalClassNames {
-    header?: string;
-    body?: string;
-    footer?: string;
-    mask?: string;
-    content?: string;
-    wrapper?: string;
-}
-export interface ModalStyles {
-    header?: CSSProperties;
-    body?: CSSProperties;
-    footer?: CSSProperties;
-    mask?: CSSProperties;
-    wrapper?: CSSProperties;
-    content?: CSSProperties;
-}
+export type SemanticName = 'header' | 'body' | 'footer' | 'section' | 'title' | 'wrapper' | 'mask';
+export type ModalClassNames = Partial<Record<SemanticName, string>>;
+export type ModalStyles = Partial<Record<SemanticName, CSSProperties>>;
 export type IDialogPropTypes = {
@@ -20,0 +7,0 @@ className?: string;

lib/Dialog/Content/Panel.js

@@ -100,4 +100,5 @@ "use strict";
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(prefixCls, "-title"),
-    id: ariaId
+    className: (0, _classnames.default)("".concat(prefixCls, "-title"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.title),
+    id: ariaId,
+    style: (0, _objectSpread2.default)({}, modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.title)
   }, title)) : null;
@@ -128,4 +129,4 @@ var closableObj = (0, _react.useMemo)(function () {
   var content = /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(prefixCls, "-content"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.content),
-    style: modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.content
+    className: (0, _classnames.default)("".concat(prefixCls, "-section"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.section),
+    style: modalStyles === null || modalStyles === void 0 ? void 0 : modalStyles.section
   }, closerNode, headerNode, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -132,0 +133,0 @@ className: (0, _classnames.default)("".concat(prefixCls, "-body"), modalClassNames === null || modalClassNames === void 0 ? void 0 : modalClassNames.body),

lib/IDialogPropTypes.d.ts

 import type { GetContainer } from 'rc-util/lib/PortalWrapper';
 import type { CSSProperties, ReactNode, SyntheticEvent } from 'react';
-export interface ModalClassNames {
-    header?: string;
-    body?: string;
-    footer?: string;
-    mask?: string;
-    content?: string;
-    wrapper?: string;
-}
-export interface ModalStyles {
-    header?: CSSProperties;
-    body?: CSSProperties;
-    footer?: CSSProperties;
-    mask?: CSSProperties;
-    wrapper?: CSSProperties;
-    content?: CSSProperties;
-}
+export type SemanticName = 'header' | 'body' | 'footer' | 'section' | 'title' | 'wrapper' | 'mask';
+export type ModalClassNames = Partial<Record<SemanticName, string>>;
+export type ModalStyles = Partial<Record<SemanticName, CSSProperties>>;
 export type IDialogPropTypes = {
@@ -20,0 +7,0 @@ className?: string;

package.json

 {
   "name": "rc-dialog",
-  "version": "9.6.0",
+  "version": "10.0.0",
   "description": "dialog ui component for react",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

Deprecated

Maintenance

The maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

77619

increased by0.27%

Worsened metrics

Lines of code

1727

decreased by-1.37%

Number of medium maintenance alerts

1

increased byInfinity%

No dependency changes