@elliemae/ds-side-panel 2.3.0-alpha.7 → 2.3.0-next.1

package/esm/defaultProps.js

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

package/esm/index.js

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,40 @@
+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/package.json

@@ -1,38 +1,35 @@
 {
   "name": "@elliemae/ds-side-panel",
-  "version": "2.3.0-alpha.7",
+  "version": "2.3.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Side Panel",
-  "files": [
-    "dist"
-  ],
-  "module": "./dist/esm/index.js",
-  "main": "./dist/cjs/index.js",
-  "types": "./dist/types/index.d.ts",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./TemplateBasicPageWithSidePanel": {
-      "import": "./dist/esm/TemplateBasicPageWithSidePanel.js",
-      "require": "./dist/cjs/TemplateBasicPageWithSidePanel.js"
+      "import": "./esm/TemplateBasicPageWithSidePanel.js",
+      "require": "./cjs/TemplateBasicPageWithSidePanel.js"
     },
     "./SidePanelHeader": {
-      "import": "./dist/esm/SidePanelHeader.js",
-      "require": "./dist/cjs/SidePanelHeader.js"
+      "import": "./esm/SidePanelHeader.js",
+      "require": "./cjs/SidePanelHeader.js"
     },
     "./SidePanel": {
-      "import": "./dist/esm/SidePanel.js",
-      "require": "./dist/cjs/SidePanel.js"
+      "import": "./esm/SidePanel.js",
+      "require": "./cjs/SidePanel.js"
     },
     "./props": {
-      "import": "./dist/esm/props.js",
-      "require": "./dist/cjs/props.js"
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
     },
     "./defaultProps": {
-      "import": "./dist/esm/defaultProps.js",
-      "require": "./dist/cjs/defaultProps.js"
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
     }
   },
   "sideEffects": [
@@ -44,15 +41,21 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-button": "2.3.0-alpha.7",
-    "@elliemae/ds-grid": "2.3.0-alpha.7",
-    "@elliemae/ds-icons": "2.3.0-alpha.7",
-    "@elliemae/ds-system": "2.3.0-alpha.7",
+    "@elliemae/ds-button": "2.3.0-next.1",
+    "@elliemae/ds-grid": "2.3.0-next.1",
+    "@elliemae/ds-icons": "2.3.0-next.1",
+    "@elliemae/ds-system": "2.3.0-next.1",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
@@ -66,12 +69,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/SidePanel.d.ts

@@ -0,0 +1,95 @@
+/// <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?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { SidePanel, DSSidePanelWithSchema };
+export default SidePanel;

package/types/SidePanelHeader.d.ts

@@ -0,0 +1,46 @@
+/// <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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** Action button */
+        additionalAction: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** Called when the slide collapse */
+        onClose: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** Show/Hide close button */
+        showClose: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSSidePanelHeaderWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { SidePanelHeader, DSSidePanelHeaderWithSchema };

package/types/TemplateBasicPageWithSidePanel.d.ts

@@ -0,0 +1,109 @@
+/// <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(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Main Header
+         */
+        mainHeader: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Main content
+         */
+        mainContent: any;
+        /**
+         * Main Footer
+         */
+        mainFooter: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Should show the slide panel or not
+         */
+        isOpen: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Footer for Slide Panel
+         */
+        panelFooter: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Header for Slide Panel instance of SlidePanelHeader
+         */
+        panelHeader: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Content for Slide Panel
+         */
+        panelContent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Width of the panel open. eg: 300
+         */
+        panelWidth: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Callback
+         */
+        onClose: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSTemplateBasicPageWithSidePanel: {
+    (props?: unknown): 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';

package/types/props.d.ts

@@ -0,0 +1,82 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const props: {
+    /**
+     * Main content
+     */
+    children: any;
+    /**
+     * Should show the slide panel or not
+     */
+    isOpen: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /**
+     * Footer for Slide Panel
+     */
+    footer: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /**
+     * Header for Slide Panel instance of SlidePanelHeader
+     */
+    header: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /**
+     * Content for Slide Panel
+     */
+    panelContent: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /**
+     * Width of the panel open. eg: 300
+     */
+    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;
+    };
+};

package/dist/cjs/SidePanel.js

@@ -1,111 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SidePanel_exports = {};
-__export(SidePanel_exports, {
-  DSSidePanelWithSchema: () => DSSidePanelWithSchema,
-  SidePanel: () => SidePanel,
-  default: () => SidePanel_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_system = require("@elliemae/ds-system");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_props = require("./props");
-var import_defaultProps = require("./defaultProps");
-const Container = import_styled_components.default.div`
-  display: flex;
-  height: 100%;
-  flex-direction: row;
-  max-height: 100%;
-  overflow: hidden;
-  ${({ noGridInfluencer }) => noGridInfluencer ? "position: relative;" : ""}
-`;
-const TransGrid = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  box-shadow: ${(props) => props.withBoxShadow ? "0 2px 5px 0 rgba(53, 60, 70, 0.5)" : "none"};
-  transition: 300ms;
-  border-left: ${(props) => props.withBorder ? (0, import_ds_system.border)(props.theme.colors.neutral["300"], "1px") : "none"};
-  ${({ noGridInfluencer }) => noGridInfluencer ? `
-   position: absolute;
-   top:0;
-   right:0;
-   height: 100%;
-   ` : ""}
-  background: ${(props) => props.theme.colors.neutral["000"]};
-`;
-const FooterContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
-  border-top: ${(props) => (0, import_ds_system.border)(props.theme.colors.neutral["300"])};
-`;
-const SidePanel = ({
-  children,
-  isOpen,
-  footer,
-  header,
-  panelContent,
-  panelWidth,
-  panelContentOverflow,
-  widthWhenIsClosed,
-  noGridInfluencer,
-  withBorder = true,
-  withBoxShadow = false
-}) => /* @__PURE__ */ import_react.default.createElement(Container, {
-  noGridInfluencer
-}, /* @__PURE__ */ import_react.default.createElement(TransGrid, {
-  height: "100%",
-  flex: "1",
-  mr: noGridInfluencer ? `${widthWhenIsClosed}px` : 0
-}, children), /* @__PURE__ */ import_react.default.createElement(TransGrid, {
-  style: { overflow: "hidden" },
-  height: "100%",
-  maxHeight: "100%",
-  width: isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`,
-  withBorder,
-  withBoxShadow,
-  isOpen,
-  cols: [1],
-  noGridInfluencer
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  rows: footer ? [header ? "48px" : "0px", "minmax(0px, 1fr)", "48px"] : [header ? "48px" : "0px", "minmax(0px, 1fr)"],
-  style: { overflow: "hidden" }
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, header), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  style: { overflow: "hidden" }
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  style: { overflow: panelContentOverflow }
-}, panelContent)), footer ? /* @__PURE__ */ import_react.default.createElement(FooterContainer, {
-  alignItems: "center",
-  pl: "xs",
-  pr: "xs"
-}, footer) : null)));
-SidePanel.propTypes = import_props.props;
-SidePanel.defaultProps = import_defaultProps.defaultProps;
-const DSSidePanelWithSchema = (0, import_react_desc.describe)(SidePanel);
-DSSidePanelWithSchema.propTypes = import_props.props;
-var SidePanel_default = SidePanel;
-module.exports = __toCommonJS(SidePanel_exports);
-//# sourceMappingURL=SidePanel.js.map

package/dist/cjs/SidePanel.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SidePanel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { border } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { props as spprops } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst Container = styled.div<{ noGridInfluencer: boolean }>`\n  display: flex;\n  height: 100%;\n  flex-direction: row;\n  max-height: 100%;\n  overflow: hidden;\n  ${({ noGridInfluencer }) => (noGridInfluencer ? 'position: relative;' : '')}\n`;\n\nconst TransGrid = styled(Grid)`\n  box-shadow: ${(props) => (props.withBoxShadow ? '0 2px 5px 0 rgba(53, 60, 70, 0.5)' : 'none')};\n  transition: 300ms;\n  border-left: ${(props) => (props.withBorder ? border(props.theme.colors.neutral['300'], '1px') : 'none')};\n  ${({ noGridInfluencer }) =>\n    noGridInfluencer\n      ? `\n   position: absolute;\n   top:0;\n   right:0;\n   height: 100%;\n   `\n      : ''}\n  background: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst FooterContainer = styled(Grid)`\n  border-top: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst SidePanel = ({\n  children,\n  isOpen,\n  footer,\n  header,\n  panelContent,\n  panelWidth,\n  panelContentOverflow,\n  widthWhenIsClosed,\n  noGridInfluencer,\n  withBorder = true,\n  withBoxShadow = false,\n}): React.ReactElement => (\n  <Container noGridInfluencer={noGridInfluencer}>\n    <TransGrid height=\"100%\" flex=\"1\" mr={noGridInfluencer ? `${widthWhenIsClosed}px` : 0}>\n      {children}\n    </TransGrid>\n    <TransGrid\n      style={{ overflow: 'hidden' }}\n      height=\"100%\"\n      maxHeight=\"100%\"\n      width={isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`}\n      withBorder={withBorder}\n      withBoxShadow={withBoxShadow}\n      isOpen={isOpen}\n      cols={[1]}\n      noGridInfluencer={noGridInfluencer}\n    >\n      <Grid\n        rows={\n          footer ? [header ? '48px' : '0px', 'minmax(0px, 1fr)', '48px'] : [header ? '48px' : '0px', 'minmax(0px, 1fr)']\n        }\n        style={{ overflow: 'hidden' }}\n      >\n        <Grid>{header}</Grid>\n        <Grid style={{ overflow: 'hidden' }}>\n          <Grid style={{ overflow: panelContentOverflow }}>{panelContent}</Grid>\n        </Grid>\n        {footer ? (\n          <FooterContainer alignItems=\"center\" pl=\"xs\" pr=\"xs\">\n            {footer}\n          </FooterContainer>\n        ) : null}\n      </Grid>\n    </TransGrid>\n  </Container>\n);\n\nSidePanel.propTypes = spprops;\nSidePanel.defaultProps = defaultProps;\n\nconst DSSidePanelWithSchema = describe(SidePanel);\nDSSidePanelWithSchema.propTypes = spprops;\n\nexport { SidePanel, DSSidePanelWithSchema };\nexport default SidePanel;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,+BAAmB;AACnB,uBAAuB;AACvB,qBAAqB;AACrB,mBAAiC;AACjC,0BAA6B;AAE7B,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,CAAC,EAAE,uBAAwB,mBAAmB,wBAAwB;AAAA;AAG1E,MAAM,YAAY,sCAAO;AAAA,gBACT,CAAC,UAAW,MAAM,gBAAgB,sCAAsC;AAAA;AAAA,iBAEvE,CAAC,UAAW,MAAM,aAAa,6BAAO,MAAM,MAAM,OAAO,QAAQ,QAAQ,SAAS;AAAA,IAC/F,CAAC,EAAE,uBACH,mBACI;AAAA;AAAA;AAAA;AAAA;AAAA,OAMA;AAAA,gBACQ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGtD,MAAM,kBAAkB,sCAAO;AAAA,gBACf,CAAC,UAAU,6BAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG7D,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,gBAAgB;AAAA,MAEhB,mDAAC,WAAD;AAAA,EAAW;AAAA,GACT,mDAAC,WAAD;AAAA,EAAW,QAAO;AAAA,EAAO,MAAK;AAAA,EAAI,IAAI,mBAAmB,GAAG,wBAAwB;AAAA,GACjF,WAEH,mDAAC,WAAD;AAAA,EACE,OAAO,EAAE,UAAU;AAAA,EACnB,QAAO;AAAA,EACP,WAAU;AAAA,EACV,OAAO,SAAS,GAAG,iBAAiB,GAAG;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM,CAAC;AAAA,EACP;AAAA,GAEA,mDAAC,qBAAD;AAAA,EACE,MACE,SAAS,CAAC,SAAS,SAAS,OAAO,oBAAoB,UAAU,CAAC,SAAS,SAAS,OAAO;AAAA,EAE7F,OAAO,EAAE,UAAU;AAAA,GAEnB,mDAAC,qBAAD,MAAO,SACP,mDAAC,qBAAD;AAAA,EAAM,OAAO,EAAE,UAAU;AAAA,GACvB,mDAAC,qBAAD;AAAA,EAAM,OAAO,EAAE,UAAU;AAAA,GAAyB,gBAEnD,SACC,mDAAC,iBAAD;AAAA,EAAiB,YAAW;AAAA,EAAS,IAAG;AAAA,EAAK,IAAG;AAAA,GAC7C,UAED;AAMZ,UAAU,YAAY;AACtB,UAAU,eAAe;AAEzB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;AAGlC,IAAO,oBAAQ;",
-  "names": []
-}