@banyan_cloud/roots 1.0.160 → 1.0.161

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -47177,7 +47177,8 @@ var BaseModal = function BaseModal(props) {
47177
47177
  renderFooter = props.renderFooter,
47178
47178
  toggle = props.toggle,
47179
47179
  open = props.open,
47180
- noDismiss = props.noDismiss;
47180
+ noDismiss = props.noDismiss,
47181
+ customWrapperId = props.customWrapperId;
47181
47182
  var _useFloating = useFloating({
47182
47183
  open: open,
47183
47184
  onOpenChange: toggle
@@ -47192,7 +47193,7 @@ var BaseModal = function BaseModal(props) {
47192
47193
  open: open,
47193
47194
  className: popperClassName,
47194
47195
  transparent: false,
47195
- wrapperId: "base-modal-popper",
47196
+ wrapperId: customWrapperId !== null && customWrapperId !== void 0 ? customWrapperId : 'base-modal-popper',
47196
47197
  children: open && /*#__PURE__*/jsxRuntime.jsx(FloatingFocusManager, {
47197
47198
  context: context,
47198
47199
  children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
@@ -47235,7 +47236,8 @@ BaseModal.propTypes = {
47235
47236
  renderHeader: propTypesExports.element,
47236
47237
  renderFooter: propTypesExports.element,
47237
47238
  toggle: propTypesExports.func,
47238
- noDismiss: propTypesExports.bool
47239
+ noDismiss: propTypesExports.bool,
47240
+ customWrapperId: propTypesExports.string
47239
47241
  };
47240
47242
  BaseModal.defaultProps = {
47241
47243
  className: '',
@@ -47243,7 +47245,8 @@ BaseModal.defaultProps = {
47243
47245
  renderHeader: null,
47244
47246
  renderFooter: null,
47245
47247
  toggle: function toggle() {},
47246
- noDismiss: false
47248
+ noDismiss: false,
47249
+ customWrapperId: null
47247
47250
  };
47248
47251
 
47249
47252
  var css$R = ".Dialog_module_root__b0f7da04 {\n padding: 0.25rem 0px;\n max-height: 14rem;\n background: var(--white);\n border-radius: 0.25rem;\n}\n.Dialog_module_root__b0f7da04.Dialog_module_sm__b0f7da04 {\n width: 21.25rem;\n}\n.Dialog_module_root__b0f7da04.Dialog_module_md__b0f7da04 {\n width: 35rem;\n}\n.Dialog_module_root__b0f7da04 .Dialog_module_header__b0f7da04 {\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dialog_module_root__b0f7da04 .Dialog_module_footer__b0f7da04 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.Dialog_module_root__b0f7da04 .Dialog_module_footer__b0f7da04 .Dialog_module_cancel__b0f7da04[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n color: var(--grey1);\n border-radius: 0.25rem;\n border: 1px solid var(--grey4);\n}\n.Dialog_module_root__b0f7da04 .Dialog_module_description__b0f7da04 {\n padding: 0.5rem 0px;\n font-size: 0.75rem;\n}";
@@ -50974,9 +50977,8 @@ var BaseSidePanel = function BaseSidePanel(props) {
50974
50977
  isModal = props.isModal;
50975
50978
  var panelRef = React.useRef();
50976
50979
  return isModal ? /*#__PURE__*/jsxRuntime.jsxs(Popper, {
50977
- open: open
50978
- // className={popperClassName}
50979
- ,
50980
+ open: open,
50981
+ customWrapperId: "side-panel",
50980
50982
  transparent: false,
50981
50983
  wrapperId: "base-modal-popper",
50982
50984
  className: classes(modules_c7321921.modal, open ? '' : modules_c7321921.close, className),