@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/esm/index.js CHANGED
@@ -47157,7 +47157,8 @@ var BaseModal = function BaseModal(props) {
47157
47157
  renderFooter = props.renderFooter,
47158
47158
  toggle = props.toggle,
47159
47159
  open = props.open,
47160
- noDismiss = props.noDismiss;
47160
+ noDismiss = props.noDismiss,
47161
+ customWrapperId = props.customWrapperId;
47161
47162
  var _useFloating = useFloating({
47162
47163
  open: open,
47163
47164
  onOpenChange: toggle
@@ -47172,7 +47173,7 @@ var BaseModal = function BaseModal(props) {
47172
47173
  open: open,
47173
47174
  className: popperClassName,
47174
47175
  transparent: false,
47175
- wrapperId: "base-modal-popper",
47176
+ wrapperId: customWrapperId !== null && customWrapperId !== void 0 ? customWrapperId : 'base-modal-popper',
47176
47177
  children: open && /*#__PURE__*/jsx(FloatingFocusManager, {
47177
47178
  context: context,
47178
47179
  children: /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
@@ -47215,7 +47216,8 @@ BaseModal.propTypes = {
47215
47216
  renderHeader: propTypesExports.element,
47216
47217
  renderFooter: propTypesExports.element,
47217
47218
  toggle: propTypesExports.func,
47218
- noDismiss: propTypesExports.bool
47219
+ noDismiss: propTypesExports.bool,
47220
+ customWrapperId: propTypesExports.string
47219
47221
  };
47220
47222
  BaseModal.defaultProps = {
47221
47223
  className: '',
@@ -47223,7 +47225,8 @@ BaseModal.defaultProps = {
47223
47225
  renderHeader: null,
47224
47226
  renderFooter: null,
47225
47227
  toggle: function toggle() {},
47226
- noDismiss: false
47228
+ noDismiss: false,
47229
+ customWrapperId: null
47227
47230
  };
47228
47231
 
47229
47232
  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}";
@@ -50954,9 +50957,8 @@ var BaseSidePanel = function BaseSidePanel(props) {
50954
50957
  isModal = props.isModal;
50955
50958
  var panelRef = useRef();
50956
50959
  return isModal ? /*#__PURE__*/jsxs(Popper, {
50957
- open: open
50958
- // className={popperClassName}
50959
- ,
50960
+ open: open,
50961
+ customWrapperId: "side-panel",
50960
50962
  transparent: false,
50961
50963
  wrapperId: "base-modal-popper",
50962
50964
  className: classes(modules_c7321921.modal, open ? '' : modules_c7321921.close, className),