@elliemae/ds-side-panel 3.0.0-next.0 → 3.0.0-next.4

package/cjs/TemplateBasicPageWithSidePanel.js

@@ -1,122 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var dsGrid = require('@elliemae/ds-grid');
-var SidePanel = require('./SidePanel.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const TemplateBasicPageWithSidePanel = _ref => {
-  let {
-    globalHeader = null,
-    mainHeader = null,
-    mainContent,
-    mainFooter,
-    isOpen = false,
-    onClose,
-    panelFooter,
-    panelHeader,
-    panelContent,
-    panelWidth
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    style: {
-      overflow: 'hidden',
-      width: '100%'
-    },
-    height: "100%",
-    maxHeight: "100%",
-    rows: ['auto', '1fr']
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, globalHeader), /*#__PURE__*/_jsx__default["default"](SidePanel.SidePanel, {
-    footer: panelFooter,
-    header: panelHeader,
-    panelWidth: panelWidth,
-    onClose: onClose,
-    panelContent: panelContent,
-    isOpen: isOpen
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    style: {
-      overflow: 'hidden'
-    },
-    height: "100%",
-    maxHeight: "100%"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    rows: mainFooter ? [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)', '48px'] : [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)'],
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, mainHeader), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    style: {
-      overflow: 'auto'
-    }
-  }, void 0, mainContent)), mainFooter && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
-    alignItems: "center"
-  }, void 0, mainFooter)))));
-};
-
-const props = {
-  /**
-   * Global Header
-   */
-  globalHeader: reactDesc.PropTypes.element.description('Global Header'),
-
-  /**
-   * Main Header
-   */
-  mainHeader: reactDesc.PropTypes.element.description('Main Header'),
-
-  /**
-   * Main content
-   */
-  mainContent: reactDesc.PropTypes.element.isRequired.description('Main content'),
-
-  /**
-   * Main Footer
-   */
-  mainFooter: reactDesc.PropTypes.element.description('Main Footer'),
-
-  /**
-   * Should show the slide panel or not
-   */
-  isOpen: reactDesc.PropTypes.bool.description('Should show the slide panel or not'),
-
-  /**
-   * Footer for Slide Panel
-   */
-  panelFooter: reactDesc.PropTypes.element.description('Footer for Slide Panel'),
-
-  /**
-   * Header for Slide Panel instance of SlidePanelHeader
-   */
-  panelHeader: reactDesc.PropTypes.element.description('Header for Slide Panel instance of SlidePanelHeader'),
-
-  /**
-   * Content for Slide Panel
-   */
-  panelContent: reactDesc.PropTypes.element.description('Content for Slide Panel'),
-
-  /**
-   * Width of the panel open. eg: 300
-   */
-  panelWidth: reactDesc.PropTypes.number.description('Width of the panel open. eg: 300'),
-
-  /**
-   * Callback
-   */
-  onClose: reactDesc.PropTypes.func.description('callback')
-};
-const DSTemplateBasicPageWithSidePanel = reactDesc.describe(TemplateBasicPageWithSidePanel);
-DSTemplateBasicPageWithSidePanel.propTypes = props;
-
-exports.DSTemplateBasicPageWithSidePanel = DSTemplateBasicPageWithSidePanel;
-exports.TemplateBasicPageWithSidePanel = TemplateBasicPageWithSidePanel;

package/cjs/defaultProps.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const defaultProps = {
-  isOpen: false,
-  panelWidth: 300,
-  widthWhenIsClosed: 0,
-  panelContentOverflow: 'auto',
-  withBorder: true,
-  withBoxShadow: false
-};
-
-exports.defaultProps = defaultProps;

package/cjs/index.js

@@ -1,17 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SidePanel = require('./SidePanel.js');
-var SidePanelHeader = require('./SidePanelHeader.js');
-var TemplateBasicPageWithSidePanel = require('./TemplateBasicPageWithSidePanel.js');
-
-
-
-exports.DSSidePanelWithSchema = SidePanel.DSSidePanelWithSchema;
-exports.SidePanel = SidePanel.SidePanel;
-exports["default"] = SidePanel.SidePanel;
-exports.DSSidePanelHeaderWithSchema = SidePanelHeader.DSSidePanelHeaderWithSchema;
-exports.SidePanelHeader = SidePanelHeader.SidePanelHeader;
-exports.DSTemplateBasicPageWithSidePanel = TemplateBasicPageWithSidePanel.DSTemplateBasicPageWithSidePanel;
-exports.TemplateBasicPageWithSidePanel = TemplateBasicPageWithSidePanel.TemplateBasicPageWithSidePanel;

package/cjs/props.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
-const props = {
-  /**
-   * Main content
-   */
-  children: reactDesc.PropTypes.element.isRequired.description('Main content'),
-
-  /**
-   * Should show the slide panel or not
-   */
-  isOpen: reactDesc.PropTypes.bool.description('Should show the slide panel or not'),
-
-  /**
-   * Footer for Slide Panel
-   */
-  footer: reactDesc.PropTypes.element.description('Footer for Slide Panel'),
-
-  /**
-   * Header for Slide Panel instance of SlidePanelHeader
-   */
-  header: reactDesc.PropTypes.element.description('Header for Slide Panel instance of SlidePanelHeader'),
-
-  /**
-   * Content for Slide Panel
-   */
-  panelContent: reactDesc.PropTypes.element.description('Content for Slide Panel'),
-
-  /**
-   * Width of the panel open. eg: 300
-   */
-  panelWidth: reactDesc.PropTypes.number.description('Width of the panel open. eg: 300'),
-  widthWhenIsClosed: reactDesc.PropTypes.number.description('Width of the panel closed. eg: 0'),
-  panelContentOverflow: reactDesc.PropTypes.oneOf(['auto', 'hidden']).description('Overflow on SidePanel content'),
-  withBorder: reactDesc.PropTypes.bool.description('Whether the sidepanel has border or not'),
-  withBoxShadow: reactDesc.PropTypes.bool.description('Whether the sidepanel has box shadow or not'),
-  noGridInfluencer: reactDesc.PropTypes.bool.description('Whether the sidepanel is grid-influencer or not')
-};
-
-exports.props = props;

package/esm/SidePanel.js

@@ -1,86 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import styled from 'styled-components';
-import { border } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-import { props } from './props.js';
-import { defaultProps } from './defaultProps.js';
-
-const Container = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-71f9h4-0"
-})(["display:flex;height:100%;flex-direction:row;max-height:100%;overflow:hidden;", ""], _ref => {
-  let {
-    noGridInfluencer
-  } = _ref;
-  return noGridInfluencer ? 'position: relative;' : '';
-});
-const TransGrid = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-71f9h4-1"
-})(["box-shadow:", ";transition:300ms;border-left:", ";", " background:", ";"], props => props.withBoxShadow ? '0 2px 5px 0 rgba(53, 60, 70, 0.5)' : 'none', props => props.withBorder ? border(props.theme.colors.neutral['300'], '1px') : 'none', _ref2 => {
-  let {
-    noGridInfluencer
-  } = _ref2;
-  return noGridInfluencer ? "\n   position: absolute;\n   top:0;\n   right:0;\n   height: 100%;\n   " : '';
-}, props => props.theme.colors.neutral['000']);
-const FooterContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-71f9h4-2"
-})(["border-top:", ";"], props => border(props.theme.colors.neutral['300']));
-
-const SidePanel = _ref3 => {
-  let {
-    children,
-    isOpen,
-    footer,
-    header,
-    panelContent,
-    panelWidth,
-    panelContentOverflow,
-    widthWhenIsClosed,
-    noGridInfluencer,
-    withBorder = true,
-    withBoxShadow = false
-  } = _ref3;
-  return /*#__PURE__*/_jsx(Container, {
-    noGridInfluencer: noGridInfluencer
-  }, void 0, /*#__PURE__*/_jsx(TransGrid, {
-    height: "100%",
-    flex: "1",
-    mr: noGridInfluencer ? "".concat(widthWhenIsClosed, "px") : 0
-  }, void 0, children), /*#__PURE__*/_jsx(TransGrid, {
-    style: {
-      overflow: 'hidden'
-    },
-    height: "100%",
-    maxHeight: "100%",
-    width: isOpen ? "".concat(panelWidth, "px") : "".concat(widthWhenIsClosed, "px"),
-    withBorder: withBorder,
-    withBoxShadow: withBoxShadow,
-    isOpen: isOpen,
-    cols: [1],
-    noGridInfluencer: noGridInfluencer
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    rows: footer ? [header ? '48px' : '0px', 'minmax(0px, 1fr)', '48px'] : [header ? '48px' : '0px', 'minmax(0px, 1fr)'],
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, header), /*#__PURE__*/_jsx(Grid, {
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    style: {
-      overflow: panelContentOverflow
-    }
-  }, void 0, panelContent)), footer ? /*#__PURE__*/_jsx(FooterContainer, {
-    alignItems: "center",
-    pl: "xs",
-    pr: "xs"
-  }, void 0, footer) : null)));
-};
-
-SidePanel.defaultProps = defaultProps;
-const DSSidePanelWithSchema = describe(SidePanel);
-DSSidePanelWithSchema.propTypes = props;
-
-export { DSSidePanelWithSchema, SidePanel, SidePanel as default };

package/esm/SidePanelHeader.js

@@ -1,89 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { noop } from 'lodash';
-import { truncate, useTheme, border } from '@elliemae/ds-system';
-import { CloseSmall } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { Grid } from '@elliemae/ds-grid';
-
-var _Grid, _CloseSmall;
-const StyledSeparator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1xdsdq5-0"
-})(["width:0;height:100%;margin:0 ", ";border-left:", ";"], props => props.theme.space.xxs, props => "".concat(props.theme.colors.neutral[300], " 1px solid"));
-const StyledTitle = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1xdsdq5-1"
-})(["font-size:18px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], truncate());
-const Wrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1xdsdq5-2"
-})(["border-bottom:", ";"], props => border(props.theme.colors.neutral['300']));
-
-const SidePanelHeader = _ref => {
-  let {
-    title = null,
-    additionalAction = null,
-    onClose = noop,
-    showClose = true
-  } = _ref;
-  const theme = useTheme();
-
-  const separator = _Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {
-    height: "24px"
-  }, void 0, /*#__PURE__*/_jsx(StyledSeparator, {})));
-
-  const cols = [1, 'auto', 'auto'];
-  const cols2 = ['auto'];
-  return /*#__PURE__*/_jsx(Wrapper, {
-    cols: cols,
-    height: theme.space.m,
-    pl: theme.space.xs,
-    pr: theme.space.xs,
-    alignItems: "center",
-    width: "100%"
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    alignItems: "center",
-    justifyContent: "flex-start",
-    cols: cols2
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    cols: [1],
-    alignItems: "center",
-    pr: theme.space.xs
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    flexGrow: 0
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    cols: ['auto', 'auto'],
-    alignItems: "center"
-  }, void 0, /*#__PURE__*/_jsx(StyledTitle, {
-    maxWidth: "100%",
-    alignItems: "center"
-  }, void 0, title))))), /*#__PURE__*/_jsx(Grid, {
-    ml: "xxs",
-    alignItems: "center",
-    cols: additionalAction ? ['auto', 'auto', 'auto'] : ['auto']
-  }, void 0, additionalAction && /*#__PURE__*/_jsx(Grid, {}, void 0, additionalAction), additionalAction && showClose && separator, /*#__PURE__*/_jsx(Grid, {}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "text",
-    icon: _CloseSmall || (_CloseSmall = /*#__PURE__*/_jsx(CloseSmall, {})),
-    size: "m",
-    onClick: onClose,
-    "data-testid": "btn-close-slide-panel"
-  }))));
-};
-
-const props = {
-  /** Page title */
-  title: PropTypes.string.description('Page title'),
-
-  /** Action button */
-  additionalAction: PropTypes.element.description('Action button'),
-
-  /** Called when the slide collapse */
-  onClose: PropTypes.func.description('Called when the slide collapse'),
-
-  /** Show/Hide close button */
-  showClose: PropTypes.bool.description('Show/Hide close button')
-};
-const DSSidePanelHeaderWithSchema = describe(SidePanelHeader);
-DSSidePanelHeaderWithSchema.propTypes = props;
-
-export { DSSidePanelHeaderWithSchema, SidePanelHeader };

package/esm/TemplateBasicPageWithSidePanel.js

@@ -1,113 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { Grid } from '@elliemae/ds-grid';
-import { SidePanel } from './SidePanel.js';
-
-const TemplateBasicPageWithSidePanel = _ref => {
-  let {
-    globalHeader = null,
-    mainHeader = null,
-    mainContent,
-    mainFooter,
-    isOpen = false,
-    onClose,
-    panelFooter,
-    panelHeader,
-    panelContent,
-    panelWidth
-  } = _ref;
-  return /*#__PURE__*/_jsx(Grid, {
-    style: {
-      overflow: 'hidden',
-      width: '100%'
-    },
-    height: "100%",
-    maxHeight: "100%",
-    rows: ['auto', '1fr']
-  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, globalHeader), /*#__PURE__*/_jsx(SidePanel, {
-    footer: panelFooter,
-    header: panelHeader,
-    panelWidth: panelWidth,
-    onClose: onClose,
-    panelContent: panelContent,
-    isOpen: isOpen
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    style: {
-      overflow: 'hidden'
-    },
-    height: "100%",
-    maxHeight: "100%"
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    rows: mainFooter ? [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)', '48px'] : [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)'],
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, mainHeader), /*#__PURE__*/_jsx(Grid, {
-    style: {
-      overflow: 'hidden'
-    }
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
-    style: {
-      overflow: 'auto'
-    }
-  }, void 0, mainContent)), mainFooter && /*#__PURE__*/_jsx(Grid, {
-    alignItems: "center"
-  }, void 0, mainFooter)))));
-};
-
-const props = {
-  /**
-   * Global Header
-   */
-  globalHeader: PropTypes.element.description('Global Header'),
-
-  /**
-   * Main Header
-   */
-  mainHeader: PropTypes.element.description('Main Header'),
-
-  /**
-   * Main content
-   */
-  mainContent: PropTypes.element.isRequired.description('Main content'),
-
-  /**
-   * Main Footer
-   */
-  mainFooter: PropTypes.element.description('Main Footer'),
-
-  /**
-   * Should show the slide panel or not
-   */
-  isOpen: PropTypes.bool.description('Should show the slide panel or not'),
-
-  /**
-   * Footer for Slide Panel
-   */
-  panelFooter: PropTypes.element.description('Footer for Slide Panel'),
-
-  /**
-   * Header for Slide Panel instance of SlidePanelHeader
-   */
-  panelHeader: PropTypes.element.description('Header for Slide Panel instance of SlidePanelHeader'),
-
-  /**
-   * Content for Slide Panel
-   */
-  panelContent: PropTypes.element.description('Content for Slide Panel'),
-
-  /**
-   * Width of the panel open. eg: 300
-   */
-  panelWidth: PropTypes.number.description('Width of the panel open. eg: 300'),
-
-  /**
-   * Callback
-   */
-  onClose: PropTypes.func.description('callback')
-};
-const DSTemplateBasicPageWithSidePanel = describe(TemplateBasicPageWithSidePanel);
-DSTemplateBasicPageWithSidePanel.propTypes = props;
-
-export { DSTemplateBasicPageWithSidePanel, TemplateBasicPageWithSidePanel };

package/esm/defaultProps.js

@@ -1,10 +0,0 @@
-const defaultProps = {
-  isOpen: false,
-  panelWidth: 300,
-  widthWhenIsClosed: 0,
-  panelContentOverflow: 'auto',
-  withBorder: true,
-  withBoxShadow: false
-};
-
-export { defaultProps };

package/esm/index.js

@@ -1,3 +0,0 @@
-export { DSSidePanelWithSchema, SidePanel, SidePanel as default } from './SidePanel.js';
-export { DSSidePanelHeaderWithSchema, SidePanelHeader } from './SidePanelHeader.js';
-export { DSTemplateBasicPageWithSidePanel, TemplateBasicPageWithSidePanel } from './TemplateBasicPageWithSidePanel.js';

package/esm/props.js

@@ -1,40 +0,0 @@
-import { PropTypes } from 'react-desc';
-
-const props = {
-  /**
-   * Main content
-   */
-  children: PropTypes.element.isRequired.description('Main content'),
-
-  /**
-   * Should show the slide panel or not
-   */
-  isOpen: PropTypes.bool.description('Should show the slide panel or not'),
-
-  /**
-   * Footer for Slide Panel
-   */
-  footer: PropTypes.element.description('Footer for Slide Panel'),
-
-  /**
-   * Header for Slide Panel instance of SlidePanelHeader
-   */
-  header: PropTypes.element.description('Header for Slide Panel instance of SlidePanelHeader'),
-
-  /**
-   * Content for Slide Panel
-   */
-  panelContent: PropTypes.element.description('Content for Slide Panel'),
-
-  /**
-   * Width of the panel open. eg: 300
-   */
-  panelWidth: PropTypes.number.description('Width of the panel open. eg: 300'),
-  widthWhenIsClosed: PropTypes.number.description('Width of the panel closed. eg: 0'),
-  panelContentOverflow: PropTypes.oneOf(['auto', 'hidden']).description('Overflow on SidePanel content'),
-  withBorder: PropTypes.bool.description('Whether the sidepanel has border or not'),
-  withBoxShadow: PropTypes.bool.description('Whether the sidepanel has box shadow or not'),
-  noGridInfluencer: PropTypes.bool.description('Whether the sidepanel is grid-influencer or not')
-};
-
-export { props };

package/types/SidePanel.d.ts

@@ -1,107 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-import React from 'react';
-declare const SidePanel: {
-    ({ children, isOpen, footer, header, panelContent, panelWidth, panelContentOverflow, widthWhenIsClosed, noGridInfluencer, withBorder, withBoxShadow, }: {
-        children: any;
-        isOpen: any;
-        footer: any;
-        header: any;
-        panelContent: any;
-        panelWidth: any;
-        panelContentOverflow: any;
-        widthWhenIsClosed: any;
-        noGridInfluencer: any;
-        withBorder?: boolean | undefined;
-        withBoxShadow?: boolean | undefined;
-    }): React.ReactElement;
-    propTypes: {
-        children: any;
-        isOpen: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        footer: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        header: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        panelContent: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        panelWidth: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        widthWhenIsClosed: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        panelContentOverflow: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        withBorder: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        withBoxShadow: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        noGridInfluencer: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-    defaultProps: {
-        isOpen: boolean;
-        panelWidth: number;
-        widthWhenIsClosed: number;
-        panelContentOverflow: string;
-        withBorder: boolean;
-        withBoxShadow: boolean;
-    };
-};
-declare const DSSidePanelWithSchema: {
-    (props?: {
-        children: any;
-        isOpen: any;
-        footer: any;
-        header: any;
-        panelContent: any;
-        panelWidth: any;
-        panelContentOverflow: any;
-        widthWhenIsClosed: any;
-        noGridInfluencer: any;
-        withBorder?: boolean | undefined;
-        withBoxShadow?: boolean | undefined;
-    } | undefined): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { SidePanel, DSSidePanelWithSchema };
-export default SidePanel;