@elliemae/ds-side-panel 1.60.0 → 2.0.0-alpha.12

package/esm/SidePanelHeader.js

@@ -1,4 +1,5 @@
-import React from 'react';
+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';
@@ -7,78 +8,69 @@ import { CloseSmall } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { Grid } from '@elliemae/ds-grid';
 
-var StyledSeparator = /*#__PURE__*/styled.div.withConfig({
+var _Grid, _CloseSmall;
+const StyledSeparator = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1xdsdq5-0"
-})(["width:0;height:100%;margin:0 ", ";border-left:", ";"], function (props) {
-  return props.theme.space.xxs;
-}, function (props) {
-  return "".concat(props.theme.colors.neutral[300], " 1px solid");
-});
-var StyledTitle = /*#__PURE__*/styled.div.withConfig({
+})(["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:", ";", ""], function (props) {
-  return props.theme.fontWeights.regular;
-}, function (props) {
-  return props.theme.colors.neutral['700'];
-}, truncate());
-var Wrapper = /*#__PURE__*/styled(Grid).withConfig({
+})(["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:", ";"], function (props) {
-  return border(props.theme.colors.neutral['300']);
-});
+})(["border-bottom:", ";"], props => border(props.theme.colors.neutral['300']));
 
-var SidePanelHeader = function SidePanelHeader(_ref) {
-  var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? null : _ref$title,
-      _ref$additionalAction = _ref.additionalAction,
-      additionalAction = _ref$additionalAction === void 0 ? null : _ref$additionalAction,
-      _ref$onClose = _ref.onClose,
-      onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
-      _ref$showClose = _ref.showClose,
-      showClose = _ref$showClose === void 0 ? true : _ref$showClose;
-  var theme = useTheme();
-  var separator = /*#__PURE__*/React.createElement(Grid, {
+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"
-  }, /*#__PURE__*/React.createElement(StyledSeparator, null));
-  var cols = [1, 'auto', 'auto'];
-  var cols2 = ['auto'];
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  }, 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%"
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     justifyContent: "flex-start",
     cols: cols2
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     cols: [1],
     alignItems: "center",
     pr: theme.space.xs
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     flexGrow: 0
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     cols: ['auto', 'auto'],
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(StyledTitle, {
+  }, void 0, /*#__PURE__*/_jsx(StyledTitle, {
     maxWidth: "100%",
     alignItems: "center"
-  }, title))))), /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, title))))), /*#__PURE__*/_jsx(Grid, {
     ml: "xxs",
     alignItems: "center",
     cols: additionalAction ? ['auto', 'auto', 'auto'] : ['auto']
-  }, additionalAction && /*#__PURE__*/React.createElement(Grid, null, additionalAction), additionalAction && showClose && separator, /*#__PURE__*/React.createElement(Grid, null, showClose && /*#__PURE__*/React.createElement(DSButton, {
+  }, void 0, additionalAction && /*#__PURE__*/_jsx(Grid, {}, void 0, additionalAction), additionalAction && showClose && separator, /*#__PURE__*/_jsx(Grid, {}, void 0, showClose && /*#__PURE__*/_jsx(DSButton, {
     buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(CloseSmall, null),
+    icon: _CloseSmall || (_CloseSmall = /*#__PURE__*/_jsx(CloseSmall, {})),
     size: "m",
     onClick: onClose,
     "data-testid": "btn-close-slide-panel"
   }))));
 };
 
-var props = {
+const props = {
   /** Page title */
   title: PropTypes.string.description('Page title'),
 
@@ -91,9 +83,7 @@ var props = {
   /** Show/Hide close button */
   showClose: PropTypes.bool.description('Show/Hide close button')
 };
-SidePanelHeader.propTypes = props;
-var DSSidePanelHeaderWithSchema = describe(SidePanelHeader);
+const DSSidePanelHeaderWithSchema = describe(SidePanelHeader);
 DSSidePanelHeaderWithSchema.propTypes = props;
 
 export { DSSidePanelHeaderWithSchema, SidePanelHeader };
-//# sourceMappingURL=SidePanelHeader.js.map

package/esm/TemplateBasicPageWithSidePanel.js

@@ -1,27 +1,23 @@
-import React from 'react';
+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';
-import 'styled-components';
-import '@elliemae/ds-system';
-import './props.js';
-import './defaultProps.js';
 
-var TemplateBasicPageWithSidePanel = function TemplateBasicPageWithSidePanel(_ref) {
-  var _ref$globalHeader = _ref.globalHeader,
-      globalHeader = _ref$globalHeader === void 0 ? null : _ref$globalHeader,
-      _ref$mainHeader = _ref.mainHeader,
-      mainHeader = _ref$mainHeader === void 0 ? null : _ref$mainHeader,
-      mainContent = _ref.mainContent,
-      mainFooter = _ref.mainFooter,
-      _ref$isOpen = _ref.isOpen,
-      isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-      onClose = _ref.onClose,
-      panelFooter = _ref.panelFooter,
-      panelHeader = _ref.panelHeader,
-      panelContent = _ref.panelContent,
-      panelWidth = _ref.panelWidth;
-  return /*#__PURE__*/React.createElement(Grid, {
+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%'
@@ -29,38 +25,38 @@ var TemplateBasicPageWithSidePanel = function TemplateBasicPageWithSidePanel(_re
     height: "100%",
     maxHeight: "100%",
     rows: ['auto', '1fr']
-  }, /*#__PURE__*/React.createElement(Grid, null, globalHeader), /*#__PURE__*/React.createElement(SidePanel, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, globalHeader), /*#__PURE__*/_jsx(SidePanel, {
     footer: panelFooter,
     header: panelHeader,
     panelWidth: panelWidth,
     onClose: onClose,
     panelContent: panelContent,
     isOpen: isOpen
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     style: {
       overflow: 'hidden'
     },
     height: "100%",
     maxHeight: "100%"
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     rows: mainFooter ? [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)', '48px'] : [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)'],
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React.createElement(Grid, null, mainHeader), /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, mainHeader), /*#__PURE__*/_jsx(Grid, {
     style: {
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     style: {
       overflow: 'auto'
     }
-  }, mainContent)), mainFooter && /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, mainContent)), mainFooter && /*#__PURE__*/_jsx(Grid, {
     alignItems: "center"
-  }, mainFooter)))));
+  }, void 0, mainFooter)))));
 };
 
-var props = {
+const props = {
   /**
    * Global Header
    */
@@ -111,9 +107,7 @@ var props = {
    */
   onClose: PropTypes.func.description('callback')
 };
-TemplateBasicPageWithSidePanel.propTypes = props;
-var DSTemplateBasicPageWithSidePanel = describe(TemplateBasicPageWithSidePanel);
+const DSTemplateBasicPageWithSidePanel = describe(TemplateBasicPageWithSidePanel);
 DSTemplateBasicPageWithSidePanel.propTypes = props;
 
 export { DSTemplateBasicPageWithSidePanel, TemplateBasicPageWithSidePanel };
-//# sourceMappingURL=TemplateBasicPageWithSidePanel.js.map

package/esm/defaultProps.js

@@ -1,4 +1,4 @@
-var defaultProps = {
+const defaultProps = {
   isOpen: false,
   panelWidth: 300,
   widthWhenIsClosed: 0,
@@ -8,4 +8,3 @@ var defaultProps = {
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

package/esm/index.js

@@ -1,14 +1,3 @@
 export { DSSidePanelWithSchema, SidePanel, SidePanel as default } from './SidePanel.js';
 export { DSSidePanelHeaderWithSchema, SidePanelHeader } from './SidePanelHeader.js';
 export { DSTemplateBasicPageWithSidePanel, TemplateBasicPageWithSidePanel } from './TemplateBasicPageWithSidePanel.js';
-import 'react';
-import 'react-desc';
-import 'styled-components';
-import '@elliemae/ds-system';
-import '@elliemae/ds-grid';
-import './props.js';
-import './defaultProps.js';
-import 'lodash';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-//# sourceMappingURL=index.js.map

package/esm/props.js

@@ -1,6 +1,6 @@
 import { PropTypes } from 'react-desc';
 
-var props = {
+const props = {
   /**
    * Main content
    */
@@ -38,4 +38,3 @@ var props = {
 };
 
 export { props };
-//# sourceMappingURL=props.js.map

package/package.json

@@ -1,14 +1,50 @@
 {
   "name": "@elliemae/ds-side-panel",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Side Panel",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Side Panel",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./TemplateBasicPageWithSidePanel": {
+      "import": "./esm/TemplateBasicPageWithSidePanel.js",
+      "require": "./cjs/TemplateBasicPageWithSidePanel.js"
+    },
+    "./SidePanelHeader": {
+      "import": "./esm/SidePanelHeader.js",
+      "require": "./cjs/SidePanelHeader.js"
+    },
+    "./SidePanel": {
+      "import": "./esm/SidePanel.js",
+      "require": "./cjs/SidePanel.js"
+    },
+    "./props": {
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
+    },
+    "./defaultProps": {
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,23 +52,24 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "1.60.0",
-    "@elliemae/ds-grid": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-system": "1.60.0",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-button": "2.0.0-alpha.12",
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-icons": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/SidePanel.d.ts

@@ -0,0 +1,107 @@
+/// <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<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        footer: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        header: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        panelContent: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        panelWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        widthWhenIsClosed: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        panelContentOverflow: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withBorder: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withBoxShadow: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        noGridInfluencer: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+    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;

package/types/SidePanelHeader.d.ts

@@ -0,0 +1,51 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const SidePanelHeader: {
+    ({ title, additionalAction, onClose, showClose }: {
+        title?: null | undefined;
+        additionalAction?: null | undefined;
+        onClose?: ((...args: any[]) => void) | undefined;
+        showClose?: boolean | undefined;
+    }): JSX.Element;
+    propTypes: {
+        /** Page title */
+        title: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** Action button */
+        additionalAction: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** Called when the slide collapse */
+        onClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /** Show/Hide close button */
+        showClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSSidePanelHeaderWithSchema: {
+    (props?: {
+        title?: null | undefined;
+        additionalAction?: null | undefined;
+        onClose?: ((...args: any[]) => void) | undefined;
+        showClose?: boolean | undefined;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { SidePanelHeader, DSSidePanelHeaderWithSchema };

package/types/TemplateBasicPageWithSidePanel.d.ts

@@ -0,0 +1,120 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const TemplateBasicPageWithSidePanel: {
+    ({ globalHeader, mainHeader, mainContent, mainFooter, isOpen, onClose, panelFooter, panelHeader, panelContent, panelWidth, }: {
+        globalHeader?: null | undefined;
+        mainHeader?: null | undefined;
+        mainContent: any;
+        mainFooter: any;
+        isOpen?: boolean | undefined;
+        onClose: any;
+        panelFooter: any;
+        panelHeader: any;
+        panelContent: any;
+        panelWidth: any;
+    }): JSX.Element;
+    propTypes: {
+        /**
+         * Global Header
+         */
+        globalHeader: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Main Header
+         */
+        mainHeader: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Main content
+         */
+        mainContent: any;
+        /**
+         * Main Footer
+         */
+        mainFooter: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Should show the slide panel or not
+         */
+        isOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Footer for Slide Panel
+         */
+        panelFooter: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Header for Slide Panel instance of SlidePanelHeader
+         */
+        panelHeader: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Content for Slide Panel
+         */
+        panelContent: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Width of the panel open. eg: 300
+         */
+        panelWidth: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        /**
+         * Callback
+         */
+        onClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSTemplateBasicPageWithSidePanel: {
+    (props?: {
+        globalHeader?: null | undefined;
+        mainHeader?: null | undefined;
+        mainContent: any;
+        mainFooter: any;
+        isOpen?: boolean | undefined;
+        onClose: any;
+        panelFooter: any;
+        panelHeader: any;
+        panelContent: any;
+        panelWidth: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { TemplateBasicPageWithSidePanel, DSTemplateBasicPageWithSidePanel };

package/types/defaultProps.d.ts

@@ -0,0 +1,8 @@
+export declare const defaultProps: {
+    isOpen: boolean;
+    panelWidth: number;
+    widthWhenIsClosed: number;
+    panelContentOverflow: string;
+    withBorder: boolean;
+    withBoxShadow: boolean;
+};

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SidePanel';
+export * from './SidePanelHeader';
+export * from './TemplateBasicPageWithSidePanel';
+export { default } from './SidePanel';