rsuite 5.74.0 → 5.74.1

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [5.74.1](https://github.com/rsuite/rsuite/compare/v5.74.0...v5.74.1) (2024-11-01)
+
+
+### Bug Fixes
+
+* **CustomProvider:** fix CustomContext is undefined after Babel compiles commonjs module ([#4032](https://github.com/rsuite/rsuite/issues/4032)) ([beec3e1](https://github.com/rsuite/rsuite/commit/beec3e1c7ccbcb305ad4f26e0d445773c7d95b2b))
+
+
+
 # [5.74.0](https://github.com/rsuite/rsuite/compare/v5.73.1...v5.74.0) (2024-11-01)
 
 

package/cjs/CustomProvider/FormattedDate.d.ts

@@ -3,5 +3,5 @@ interface FormattedDateProps {
     date: Date;
     formatStr: string;
 }
-declare function FormattedDate({ date, formatStr }: FormattedDateProps): React.JSX.Element;
+export declare function FormattedDate({ date, formatStr }: FormattedDateProps): React.JSX.Element;
 export default FormattedDate;

package/cjs/CustomProvider/FormattedDate.js

@@ -3,6 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+exports.FormattedDate = FormattedDate;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useCustom2 = require("./useCustom");

package/cjs/CustomProvider/index.d.ts

@@ -1,7 +1,7 @@
-import CustomProvider, { CustomContext } from './CustomProvider';
-import FormattedDate from './FormattedDate';
-export { CustomContext, FormattedDate };
+import CustomProvider from './CustomProvider';
+export { FormattedDate } from './FormattedDate';
 export { useCustom } from './useCustom';
+export { CustomContext } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';
 export type { ReactSuiteComponents } from './types';
 export default CustomProvider;

package/cjs/CustomProvider/index.js

@@ -1,13 +1,12 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useCustom = exports.default = void 0;
+exports.useCustom = exports.default = exports.FormattedDate = exports.CustomContext = void 0;
 var _CustomProvider = _interopRequireWildcard(require("./CustomProvider"));
 exports.CustomContext = _CustomProvider.CustomContext;
-var _FormattedDate = _interopRequireDefault(require("./FormattedDate"));
-exports.FormattedDate = _FormattedDate.default;
+var _FormattedDate = require("./FormattedDate");
+exports.FormattedDate = _FormattedDate.FormattedDate;
 var _useCustom = require("./useCustom");
 exports.useCustom = _useCustom.useCustom;
 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); }

package/cjs/useToaster/useToaster.js

@@ -6,7 +6,10 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _toaster = _interopRequireDefault(require("../toaster"));
-var _CustomProvider = require("../CustomProvider");
+var _CustomProvider = require("../CustomProvider/CustomProvider");
+// From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'
+// because babel compiles commonjs, which causes CustomContext to be undefined
+
 /**
  * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
  * It is often used with the Message and Notification components.

package/dist/rsuite.js

@@ -2182,7 +2182,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _useCustom2 = __webpack_require__(/*! ./useCustom */ \"./src/CustomProvider/useCustom.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/FormattedDate.tsx\";\nfunction FormattedDate(_ref) {\n  var date = _ref.date,\n    formatStr = _ref.formatStr;\n  var _useCustom = (0, _useCustom2.useCustom)('Calendar'),\n    formatDate = _useCustom.formatDate;\n  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 10\n    }\n  }, formatDate(date, formatStr));\n}\nvar _default = exports[\"default\"] = FormattedDate;\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/FormattedDate.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.FormattedDate = FormattedDate;\nexports[\"default\"] = void 0;\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _useCustom2 = __webpack_require__(/*! ./useCustom */ \"./src/CustomProvider/useCustom.ts\");\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/FormattedDate.tsx\";\nfunction FormattedDate(_ref) {\n  var date = _ref.date,\n    formatStr = _ref.formatStr;\n  var _useCustom = (0, _useCustom2.useCustom)('Calendar'),\n    formatDate = _useCustom.formatDate;\n  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 10\n    }\n  }, formatDate(date, formatStr));\n}\nvar _default = exports[\"default\"] = FormattedDate;\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/FormattedDate.tsx?");
 
 /***/ }),
 
@@ -2193,7 +2193,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.useCustom = exports[\"default\"] = void 0;\nvar _CustomProvider = _interopRequireWildcard(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\"));\nexports.CustomContext = _CustomProvider.CustomContext;\nvar _FormattedDate = _interopRequireDefault(__webpack_require__(/*! ./FormattedDate */ \"./src/CustomProvider/FormattedDate.tsx\"));\nexports.FormattedDate = _FormattedDate.default;\nvar _useCustom = __webpack_require__(/*! ./useCustom */ \"./src/CustomProvider/useCustom.ts\");\nexports.useCustom = _useCustom.useCustom;\nfunction _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); }\nfunction _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; }\nvar _default = exports[\"default\"] = _CustomProvider.default;\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/index.tsx?");
+eval("\n\nexports.__esModule = true;\nexports.useCustom = exports[\"default\"] = exports.FormattedDate = exports.CustomContext = void 0;\nvar _CustomProvider = _interopRequireWildcard(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\"));\nexports.CustomContext = _CustomProvider.CustomContext;\nvar _FormattedDate = __webpack_require__(/*! ./FormattedDate */ \"./src/CustomProvider/FormattedDate.tsx\");\nexports.FormattedDate = _FormattedDate.FormattedDate;\nvar _useCustom = __webpack_require__(/*! ./useCustom */ \"./src/CustomProvider/useCustom.ts\");\nexports.useCustom = _useCustom.useCustom;\nfunction _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); }\nfunction _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; }\nvar _default = exports[\"default\"] = _CustomProvider.default;\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/index.tsx?");
 
 /***/ }),
 
@@ -7341,7 +7341,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ../toaster */ \"./src/toaster/index.tsx\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\n/**\n * Toaster display brief, temporary notifications of actions, errors, or other events in an application.\n * It is often used with the Message and Notification components.\n * @returns toaster { push, remove, clear }\n *\n * @see https://rsuitejs.com/components/use-toaster/\n */\nvar useToaster = function useToaster() {\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n    toasters = _useContext.toasters;\n  return (0, _react.useMemo)(function () {\n    return {\n      /**\n       * Push a toast message.\n       * @param message The message to be displayed.\n       *                eg: `<Message type=\"success\" description=\"Success\" />` or `<Notification type=\"success\" closable>Success</Notification>`\n       * @param options The options of the toast message. (optional)\n       *                eg: `{ placement: 'topCenter', duration: 5000 }`\n       * @returns The key of the toast message.\n       */\n      push: function push(message, options) {\n        var _toasters$current;\n        var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');\n        return customToaster ? customToaster.push(message, options) : _toaster.default.push(message, options);\n      },\n      /**\n       * Remove a toast message.\n       * @param key  The key of the toast message.\n       */\n      remove: function remove(key) {\n        toasters ? Array.from(toasters.current).forEach(function (_ref) {\n          var c = _ref[1];\n          return c === null || c === void 0 ? void 0 : c.remove(key);\n        }) : _toaster.default.remove(key);\n      },\n      /**\n       * Clear all toast messages.\n       */\n      clear: function clear() {\n        toasters ? Array.from(toasters.current).forEach(function (_ref2) {\n          var c = _ref2[1];\n          return c === null || c === void 0 ? void 0 : c.clear();\n        }) : _toaster.default.clear();\n      }\n    };\n  }, [toasters]);\n};\nvar _default = exports[\"default\"] = useToaster;\n\n//# sourceURL=webpack://rsuite/./src/useToaster/useToaster.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ../toaster */ \"./src/toaster/index.tsx\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\n// From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'\n// because babel compiles commonjs, which causes CustomContext to be undefined\n\n/**\n * Toaster display brief, temporary notifications of actions, errors, or other events in an application.\n * It is often used with the Message and Notification components.\n * @returns toaster { push, remove, clear }\n *\n * @see https://rsuitejs.com/components/use-toaster/\n */\nvar useToaster = function useToaster() {\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n    toasters = _useContext.toasters;\n  return (0, _react.useMemo)(function () {\n    return {\n      /**\n       * Push a toast message.\n       * @param message The message to be displayed.\n       *                eg: `<Message type=\"success\" description=\"Success\" />` or `<Notification type=\"success\" closable>Success</Notification>`\n       * @param options The options of the toast message. (optional)\n       *                eg: `{ placement: 'topCenter', duration: 5000 }`\n       * @returns The key of the toast message.\n       */\n      push: function push(message, options) {\n        var _toasters$current;\n        var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');\n        return customToaster ? customToaster.push(message, options) : _toaster.default.push(message, options);\n      },\n      /**\n       * Remove a toast message.\n       * @param key  The key of the toast message.\n       */\n      remove: function remove(key) {\n        toasters ? Array.from(toasters.current).forEach(function (_ref) {\n          var c = _ref[1];\n          return c === null || c === void 0 ? void 0 : c.remove(key);\n        }) : _toaster.default.remove(key);\n      },\n      /**\n       * Clear all toast messages.\n       */\n      clear: function clear() {\n        toasters ? Array.from(toasters.current).forEach(function (_ref2) {\n          var c = _ref2[1];\n          return c === null || c === void 0 ? void 0 : c.clear();\n        }) : _toaster.default.clear();\n      }\n    };\n  }, [toasters]);\n};\nvar _default = exports[\"default\"] = useToaster;\n\n//# sourceURL=webpack://rsuite/./src/useToaster/useToaster.ts?");
 
 /***/ }),