@banyan_cloud/roots 1.0.159 → 1.0.160

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
@@ -50941,8 +50941,8 @@ Tabs.defaultProps = {
50941
50941
  fallback: false
50942
50942
  };
50943
50943
 
50944
- var css$i = ".BaseSidePanel_module_root__6bcd651e {\n max-height: 100%;\n height: 100%;\n width: 30%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 0;\n background: var(--white);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n overflow-x: hidden;\n}\n.BaseSidePanel_module_root__6bcd651e.BaseSidePanel_module_close__6bcd651e {\n width: 0rem;\n}\n.BaseSidePanel_module_root__6bcd651e .BaseSidePanel_module_body__6bcd651e {\n flex: 1;\n overflow-y: auto;\n}";
50945
- var modules_c7321921 = {"root":"BaseSidePanel_module_root__6bcd651e","close":"BaseSidePanel_module_close__6bcd651e","body":"BaseSidePanel_module_body__6bcd651e"};
50944
+ var css$i = ".BaseSidePanel_module_drawer__c17c9ba1 {\n max-height: 100%;\n height: 100%;\n width: 30%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 0;\n background: var(--white);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n overflow-x: hidden;\n}\n.BaseSidePanel_module_drawer__c17c9ba1.BaseSidePanel_module_close__c17c9ba1 {\n width: 0rem;\n}\n.BaseSidePanel_module_drawer__c17c9ba1 .BaseSidePanel_module_body__c17c9ba1 {\n flex: 1;\n overflow-y: auto;\n}\n\n.BaseSidePanel_module_modal__c17c9ba1 {\n height: 100%;\n width: 30%;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: stretch;\n position: fixed;\n top: 0 !important;\n left: 70% !important;\n z-index: 100;\n background: var(--white);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n overflow-x: hidden;\n}\n.BaseSidePanel_module_modal__c17c9ba1.BaseSidePanel_module_close__c17c9ba1 {\n width: 0rem;\n}\n.BaseSidePanel_module_modal__c17c9ba1 .BaseSidePanel_module_body__c17c9ba1 {\n flex: 1;\n overflow-y: auto;\n}";
50945
+ var modules_c7321921 = {"drawer":"BaseSidePanel_module_drawer__c17c9ba1","close":"BaseSidePanel_module_close__c17c9ba1","body":"BaseSidePanel_module_body__c17c9ba1","modal":"BaseSidePanel_module_modal__c17c9ba1"};
50946
50946
  n(css$i,{});
50947
50947
 
50948
50948
  var BaseSidePanel = function BaseSidePanel(props) {
@@ -50950,11 +50950,32 @@ var BaseSidePanel = function BaseSidePanel(props) {
50950
50950
  renderHeader = props.renderHeader,
50951
50951
  children = props.children,
50952
50952
  renderFooter = props.renderFooter,
50953
- open = props.open;
50953
+ open = props.open,
50954
+ isModal = props.isModal;
50954
50955
  var panelRef = useRef();
50955
- return /*#__PURE__*/jsxs("div", {
50956
+ return isModal ? /*#__PURE__*/jsxs(Popper, {
50957
+ open: open
50958
+ // className={popperClassName}
50959
+ ,
50960
+ transparent: false,
50961
+ wrapperId: "base-modal-popper",
50962
+ className: classes(modules_c7321921.modal, open ? '' : modules_c7321921.close, className),
50963
+ children: [renderHeader && /*#__PURE__*/jsx("div", {
50964
+ "data-elem": "header",
50965
+ className: modules_c7321921.header,
50966
+ children: renderHeader
50967
+ }), /*#__PURE__*/jsx("div", {
50968
+ "data-elem": "body",
50969
+ className: modules_c7321921.body,
50970
+ children: children
50971
+ }), renderFooter && /*#__PURE__*/jsx("div", {
50972
+ "data-elem": "footer",
50973
+ className: modules_c7321921.footer,
50974
+ children: renderFooter
50975
+ })]
50976
+ }) : /*#__PURE__*/jsxs("div", {
50956
50977
  ref: panelRef,
50957
- className: classes(modules_c7321921.root, open ? '' : modules_c7321921.close, className),
50978
+ className: classes(modules_c7321921.drawer, open ? '' : modules_c7321921.close, className),
50958
50979
  children: [renderHeader && /*#__PURE__*/jsx("div", {
50959
50980
  "data-elem": "header",
50960
50981
  className: modules_c7321921.header,