@elliemae/ds-side-panel 3.4.3-rc.1 → 3.4.3

package/dist/cjs/SidePanel.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SidePanel_exports = {};
 __export(SidePanel_exports, {
@@ -27,7 +30,7 @@ __export(SidePanel_exports, {
 });
 module.exports = __toCommonJS(SidePanel_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_system2 = require("@elliemae/ds-system");
@@ -69,34 +72,50 @@ const SidePanel = ({
   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)));
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
+  noGridInfluencer,
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransGrid, {
+      height: "100%",
+      flex: "1",
+      mr: noGridInfluencer ? `${widthWhenIsClosed}px` : 0,
+      children
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TransGrid, {
+      style: { overflow: "hidden" },
+      height: "100%",
+      maxHeight: "100%",
+      width: isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`,
+      withBorder,
+      withBoxShadow,
+      isOpen,
+      cols: [1],
+      noGridInfluencer,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        rows: footer ? [header ? "48px" : "0px", "minmax(0px, 1fr)", "48px"] : [header ? "48px" : "0px", "minmax(0px, 1fr)"],
+        style: { overflow: "hidden" },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            children: header
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            style: { overflow: "hidden" },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              style: { overflow: panelContentOverflow },
+              children: panelContent
+            })
+          }),
+          footer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FooterContainer, {
+            alignItems: "center",
+            pl: "xs",
+            pr: "xs",
+            children: footer
+          }) : null
+        ]
+      })
+    })
+  ]
+});
 SidePanel.propTypes = import_props.props;
 SidePanel.defaultProps = import_defaultProps.defaultProps;
 SidePanel.displayName = "SidePanel";

package/dist/cjs/SidePanel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SidePanel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\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;\nSidePanel.displayName = 'SidePanel';\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;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAyB;AACzB,uBAAuB;AACvB,wBAAuB;AACvB,qBAAqB;AACrB,mBAAiC;AACjC,0BAA6B;AAE7B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,CAAC,EAAE,uBAAwB,mBAAmB,wBAAwB;AAAA;AAG1E,MAAM,YAAY,6BAAO,mBAAI;AAAA,gBACb,CAAC,UAAW,MAAM,gBAAgB,sCAAsC;AAAA;AAAA,iBAEvE,CAAC,UAAW,MAAM,aAAa,8BAAO,MAAM,MAAM,OAAO,QAAQ,QAAQ,KAAK,IAAI;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,6BAAO,mBAAI;AAAA,gBACnB,CAAC,UAAU,8BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGnE,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;AAAA,EAAU;AAAA,GACT,mDAAC;AAAA,EAAU,QAAO;AAAA,EAAO,MAAK;AAAA,EAAI,IAAI,mBAAmB,GAAG,wBAAwB;AAAA,GACjF,QACH,GACA,mDAAC;AAAA,EACC,OAAO,EAAE,UAAU,SAAS;AAAA,EAC5B,QAAO;AAAA,EACP,WAAU;AAAA,EACV,OAAO,SAAS,GAAG,iBAAiB,GAAG;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM,CAAC,CAAC;AAAA,EACR;AAAA,GAEA,mDAAC;AAAA,EACC,MACE,SAAS,CAAC,SAAS,SAAS,OAAO,oBAAoB,MAAM,IAAI,CAAC,SAAS,SAAS,OAAO,kBAAkB;AAAA,EAE/G,OAAO,EAAE,UAAU,SAAS;AAAA,GAE5B,mDAAC,2BAAM,MAAO,GACd,mDAAC;AAAA,EAAK,OAAO,EAAE,UAAU,SAAS;AAAA,GAChC,mDAAC;AAAA,EAAK,OAAO,EAAE,UAAU,qBAAqB;AAAA,GAAI,YAAa,CACjE,GACC,SACC,mDAAC;AAAA,EAAgB,YAAW;AAAA,EAAS,IAAG;AAAA,EAAK,IAAG;AAAA,GAC7C,MACH,IACE,IACN,CACF,CACF;AAGF,UAAU,YAAY;AACtB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,MAAM,wBAAwB,kCAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,oBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,uBAAuB;AACvB,IAAAA,oBAAuB;AACvB,qBAAqB;AACrB,mBAAiC;AACjC,0BAA6B;AAE7B,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,CAAC,EAAE,iBAAiB,MAAO,mBAAmB,wBAAwB;AAAA;AAG1E,MAAM,gBAAY,yBAAO,mBAAI;AAAA,gBACb,CAAC,UAAW,MAAM,gBAAgB,sCAAsC;AAAA;AAAA,iBAEvE,CAAC,UAAW,MAAM,iBAAa,0BAAO,MAAM,MAAM,OAAO,QAAQ,QAAQ,KAAK,IAAI;AAAA,IAC/F,CAAC,EAAE,iBAAiB,MACpB,mBACI;AAAA;AAAA;AAAA;AAAA;AAAA,OAMA;AAAA,gBACQ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGtD,MAAM,sBAAkB,yBAAO,mBAAI;AAAA,gBACnB,CAAC,cAAU,0BAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGnE,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;AAClB,MACE,6CAAC;AAAA,EAAU;AAAA,EACT;AAAA,gDAAC;AAAA,MAAU,QAAO;AAAA,MAAO,MAAK;AAAA,MAAI,IAAI,mBAAmB,GAAG,wBAAwB;AAAA,MACjF;AAAA,KACH;AAAA,IACA,4CAAC;AAAA,MACC,OAAO,EAAE,UAAU,SAAS;AAAA,MAC5B,QAAO;AAAA,MACP,WAAU;AAAA,MACV,OAAO,SAAS,GAAG,iBAAiB,GAAG;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,MACR;AAAA,MAEA,uDAAC;AAAA,QACC,MACE,SAAS,CAAC,SAAS,SAAS,OAAO,oBAAoB,MAAM,IAAI,CAAC,SAAS,SAAS,OAAO,kBAAkB;AAAA,QAE/G,OAAO,EAAE,UAAU,SAAS;AAAA,QAE5B;AAAA,sDAAC;AAAA,YAAM;AAAA,WAAO;AAAA,UACd,4CAAC;AAAA,YAAK,OAAO,EAAE,UAAU,SAAS;AAAA,YAChC,sDAAC;AAAA,cAAK,OAAO,EAAE,UAAU,qBAAqB;AAAA,cAAI;AAAA,aAAa;AAAA,WACjE;AAAA,UACC,SACC,4CAAC;AAAA,YAAgB,YAAW;AAAA,YAAS,IAAG;AAAA,YAAK,IAAG;AAAA,YAC7C;AAAA,WACH,IACE;AAAA;AAAA,OACN;AAAA,KACF;AAAA;AAAA,CACF;AAGF,UAAU,YAAY,aAAAC;AACtB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,MAAM,4BAAwB,8BAAS,SAAS;AAChD,sBAAsB,YAAY,aAAAA;AAGlC,IAAO,oBAAQ;",
+  "names": ["import_ds_system", "spprops"]
 }

package/dist/cjs/SidePanelHeader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SidePanelHeader_exports = {};
 __export(SidePanelHeader_exports, {
@@ -26,7 +29,7 @@ __export(SidePanelHeader_exports, {
 });
 module.exports = __toCommonJS(SidePanelHeader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_system = require("@elliemae/ds-system");
 var import_lodash = require("lodash");
@@ -51,45 +54,64 @@ const Wrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
 `;
 const SidePanelHeader = ({ title = null, additionalAction = null, onClose = import_lodash.noop, showClose = true }) => {
   const theme = (0, import_ds_system2.useTheme)();
-  const separator = /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    height: "24px"
-  }, /* @__PURE__ */ import_react.default.createElement(StyledSeparator, null));
+  const separator = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+    height: "24px",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSeparator, {})
+  });
   const cols = [1, "auto", "auto"];
   const cols2 = ["auto"];
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
     cols,
     height: theme.space.m,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "center",
-    width: "100%"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    alignItems: "center",
-    justifyContent: "flex-start",
-    cols: cols2
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: [1],
-    alignItems: "center",
-    pr: theme.space.xs
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    flexGrow: 0
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    cols: ["auto", "auto"],
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(StyledTitle, {
-    maxWidth: "100%",
-    alignItems: "center"
-  }, title))))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    ml: "xxs",
-    alignItems: "center",
-    cols: additionalAction ? ["auto", "auto", "auto"] : ["auto"]
-  }, additionalAction && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, additionalAction), additionalAction && showClose && separator, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, showClose && /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
-    buttonType: "text",
-    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseSmall, null),
-    size: "m",
-    onClick: onClose,
-    "data-testid": "btn-close-slide-panel"
-  }))));
+    width: "100%",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        alignItems: "center",
+        justifyContent: "flex-start",
+        cols: cols2,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          cols: [1],
+          alignItems: "center",
+          pr: theme.space.xs,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            flexGrow: 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              cols: ["auto", "auto"],
+              alignItems: "center",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, {
+                maxWidth: "100%",
+                alignItems: "center",
+                children: title
+              })
+            })
+          })
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        ml: "xxs",
+        alignItems: "center",
+        cols: additionalAction ? ["auto", "auto", "auto"] : ["auto"],
+        children: [
+          additionalAction && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            children: additionalAction
+          }),
+          additionalAction && showClose && separator,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+            children: showClose && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
+              buttonType: "text",
+              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, {}),
+              size: "m",
+              onClick: onClose,
+              "data-testid": "btn-close-slide-panel"
+            })
+          })
+        ]
+      })
+    ]
+  });
 };
 const props = {
   title: import_ds_utilities.PropTypes.string.description("Page title"),

package/dist/cjs/SidePanelHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/SidePanelHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { noop } from 'lodash';\nimport { border, truncate, useTheme } from '@elliemae/ds-system';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst StyledSeparator = styled.div`\n  width: 0;\n  height: 100%;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n`;\n\nconst StyledTitle = styled.div`\n  font-size: 18px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  ${truncate()}\n`;\n\nconst Wrapper = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst SidePanelHeader = ({ title = null, additionalAction = null, onClose = noop, showClose = true }) => {\n  const theme = useTheme();\n  const separator = (\n    <Grid height=\"24px\">\n      <StyledSeparator />\n    </Grid>\n  );\n  const cols = [1, 'auto', 'auto'];\n  const cols2 = ['auto'];\n  return (\n    <Wrapper\n      cols={cols}\n      height={theme.space.m}\n      pl={theme.space.xs}\n      pr={theme.space.xs}\n      alignItems=\"center\"\n      width=\"100%\"\n    >\n      <Grid alignItems=\"center\" justifyContent=\"flex-start\" cols={cols2}>\n        <Grid cols={[1]} alignItems=\"center\" pr={theme.space.xs}>\n          <Grid flexGrow={0}>\n            <Grid cols={['auto', 'auto']} alignItems=\"center\">\n              <StyledTitle maxWidth=\"100%\" alignItems=\"center\">\n                {title}\n              </StyledTitle>\n            </Grid>\n          </Grid>\n        </Grid>\n      </Grid>\n      <Grid ml=\"xxs\" alignItems=\"center\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n        {additionalAction && <Grid>{additionalAction}</Grid>}\n        {additionalAction && showClose && separator}\n        <Grid>\n          {showClose && (\n            <DSButton\n              buttonType=\"text\"\n              icon={<CloseSmall />}\n              size=\"m\"\n              onClick={onClose}\n              data-testid=\"btn-close-slide-panel\"\n            />\n          )}\n        </Grid>\n      </Grid>\n    </Wrapper>\n  );\n};\n\nconst props = {\n  /** Page title */\n  title: PropTypes.string.description('Page title'),\n\n  /** Action button */\n  additionalAction: PropTypes.element.description('Action button'),\n\n  /** Called when the slide collapse */\n  onClose: PropTypes.func.description('Called when the slide collapse'),\n\n  /** Show/Hide close button */\n  showClose: PropTypes.bool.description('Show/Hide close button'),\n};\n\nSidePanelHeader.propTypes = props;\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = props;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAAuB;AACvB,oBAAqB;AACrB,wBAA2C;AAC3C,sBAA2B;AAC3B,uBAAqB;AACrB,qBAAqB;AAErB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA,cAGjB,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,iBAC1B,CAAC,WAAU,GAAG,OAAM,MAAM,OAAO,QAAQ;AAAA;AAG1D,MAAM,cAAc,wBAAO;AAAA;AAAA,iBAEV,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,WACzC,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,gCAAS;AAAA;AAGb,MAAM,UAAU,6BAAO,mBAAI;AAAA,mBACR,CAAC,WAAU,8BAAO,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGtE,MAAM,kBAAkB,CAAC,EAAE,QAAQ,MAAM,mBAAmB,MAAM,UAAU,oBAAM,YAAY,WAAW;AACvG,QAAM,QAAQ,gCAAS;AACvB,QAAM,YACJ,mDAAC;AAAA,IAAK,QAAO;AAAA,KACX,mDAAC,qBAAgB,CACnB;AAEF,QAAM,OAAO,CAAC,GAAG,QAAQ,MAAM;AAC/B,QAAM,QAAQ,CAAC,MAAM;AACrB,SACE,mDAAC;AAAA,IACC;AAAA,IACA,QAAQ,MAAM,MAAM;AAAA,IACpB,IAAI,MAAM,MAAM;AAAA,IAChB,IAAI,MAAM,MAAM;AAAA,IAChB,YAAW;AAAA,IACX,OAAM;AAAA,KAEN,mDAAC;AAAA,IAAK,YAAW;AAAA,IAAS,gBAAe;AAAA,IAAa,MAAM;AAAA,KAC1D,mDAAC;AAAA,IAAK,MAAM,CAAC,CAAC;AAAA,IAAG,YAAW;AAAA,IAAS,IAAI,MAAM,MAAM;AAAA,KACnD,mDAAC;AAAA,IAAK,UAAU;AAAA,KACd,mDAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,IAAG,YAAW;AAAA,KACvC,mDAAC;AAAA,IAAY,UAAS;AAAA,IAAO,YAAW;AAAA,KACrC,KACH,CACF,CACF,CACF,CACF,GACA,mDAAC;AAAA,IAAK,IAAG;AAAA,IAAM,YAAW;AAAA,IAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM;AAAA,KAC3F,oBAAoB,mDAAC,2BAAM,gBAAiB,GAC5C,oBAAoB,aAAa,WAClC,mDAAC,2BACE,aACC,mDAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,mDAAC,gCAAW;AAAA,IAClB,MAAK;AAAA,IACL,SAAS;AAAA,IACT,eAAY;AAAA,GACd,CAEJ,CACF,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,YAAY;AAAA,EAGhD,kBAAkB,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAG/D,SAAS,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAGpE,WAAW,8BAAU,KAAK,YAAY,wBAAwB;AAChE;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,kCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,uBAAuB;AACvB,oBAAqB;AACrB,IAAAA,oBAA2C;AAC3C,sBAA2B;AAC3B,uBAAqB;AACrB,qBAAqB;AAErB,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA,cAGjB,CAACC,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC1B,CAACA,WAAU,GAAGA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAG1D,MAAM,cAAc,wBAAO;AAAA;AAAA,iBAEV,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,WACzC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,QAC7C,4BAAS;AAAA;AAGb,MAAM,cAAU,yBAAO,mBAAI;AAAA,mBACR,CAACA,eAAU,0BAAOA,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGtE,MAAM,kBAAkB,CAAC,EAAE,QAAQ,MAAM,mBAAmB,MAAM,UAAU,oBAAM,YAAY,KAAK,MAAM;AACvG,QAAM,YAAQ,4BAAS;AACvB,QAAM,YACJ,4CAAC;AAAA,IAAK,QAAO;AAAA,IACX,sDAAC,mBAAgB;AAAA,GACnB;AAEF,QAAM,OAAO,CAAC,GAAG,QAAQ,MAAM;AAC/B,QAAM,QAAQ,CAAC,MAAM;AACrB,SACE,6CAAC;AAAA,IACC;AAAA,IACA,QAAQ,MAAM,MAAM;AAAA,IACpB,IAAI,MAAM,MAAM;AAAA,IAChB,IAAI,MAAM,MAAM;AAAA,IAChB,YAAW;AAAA,IACX,OAAM;AAAA,IAEN;AAAA,kDAAC;AAAA,QAAK,YAAW;AAAA,QAAS,gBAAe;AAAA,QAAa,MAAM;AAAA,QAC1D,sDAAC;AAAA,UAAK,MAAM,CAAC,CAAC;AAAA,UAAG,YAAW;AAAA,UAAS,IAAI,MAAM,MAAM;AAAA,UACnD,sDAAC;AAAA,YAAK,UAAU;AAAA,YACd,sDAAC;AAAA,cAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,cAAG,YAAW;AAAA,cACvC,sDAAC;AAAA,gBAAY,UAAS;AAAA,gBAAO,YAAW;AAAA,gBACrC;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,6CAAC;AAAA,QAAK,IAAG;AAAA,QAAM,YAAW;AAAA,QAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM;AAAA,QAC3F;AAAA,8BAAoB,4CAAC;AAAA,YAAM;AAAA,WAAiB;AAAA,UAC5C,oBAAoB,aAAa;AAAA,UAClC,4CAAC;AAAA,YACE,uBACC,4CAAC,iBAAAC,SAAA;AAAA,cACC,YAAW;AAAA,cACX,MAAM,4CAAC,8BAAW;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cACT,eAAY;AAAA,aACd;AAAA,WAEJ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,YAAY;AAAA,EAGhD,kBAAkB,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAG/D,SAAS,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAGpE,WAAW,8BAAU,KAAK,YAAY,wBAAwB;AAChE;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,8BAAS,eAAe;AAE5D,4BAA4B,YAAY;",
+  "names": ["import_ds_system", "props", "DSButton"]
 }

package/dist/cjs/TemplateBasicPageWithSidePanel.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var TemplateBasicPageWithSidePanel_exports = {};
 __export(TemplateBasicPageWithSidePanel_exports, {
@@ -26,7 +29,7 @@ __export(TemplateBasicPageWithSidePanel_exports, {
 });
 module.exports = __toCommonJS(TemplateBasicPageWithSidePanel_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_SidePanel = __toESM(require("./SidePanel"));
@@ -41,32 +44,50 @@ const TemplateBasicPageWithSidePanel = ({
   panelHeader,
   panelContent,
   panelWidth
-}) => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
   style: { overflow: "hidden", width: "100%" },
   height: "100%",
   maxHeight: "100%",
-  rows: ["auto", "1fr"]
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, globalHeader), /* @__PURE__ */ import_react.default.createElement(import_SidePanel.default, {
-  footer: panelFooter,
-  header: panelHeader,
-  panelWidth,
-  onClose,
-  panelContent,
-  isOpen
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  style: { overflow: "hidden" },
-  height: "100%",
-  maxHeight: "100%"
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  rows: mainFooter ? [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)", "48px"] : [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)"],
-  style: { overflow: "hidden" }
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, mainHeader), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  style: { overflow: "hidden" }
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  style: { overflow: "auto" }
-}, mainContent)), mainFooter && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-  alignItems: "center"
-}, mainFooter)))));
+  rows: ["auto", "1fr"],
+  children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+      children: globalHeader
+    }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SidePanel.default, {
+      footer: panelFooter,
+      header: panelHeader,
+      panelWidth,
+      onClose,
+      panelContent,
+      isOpen,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+        style: { overflow: "hidden" },
+        height: "100%",
+        maxHeight: "100%",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+          rows: mainFooter ? [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)", "48px"] : [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)"],
+          style: { overflow: "hidden" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              children: mainHeader
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              style: { overflow: "hidden" },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+                style: { overflow: "auto" },
+                children: mainContent
+              })
+            }),
+            mainFooter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+              alignItems: "center",
+              children: mainFooter
+            })
+          ]
+        })
+      })
+    })
+  ]
+});
 const props = {
   globalHeader: import_ds_utilities.PropTypes.element.description("Global Header"),
   mainHeader: import_ds_utilities.PropTypes.element.description("Main Header"),
@@ -74,13 +95,17 @@ const props = {
   mainFooter: import_ds_utilities.PropTypes.element.description("Main Footer"),
   isOpen: import_ds_utilities.PropTypes.bool.description("Should show the slide panel or not"),
   panelFooter: import_ds_utilities.PropTypes.element.description("Footer for Slide Panel"),
-  panelHeader: import_ds_utilities.PropTypes.element.description("Header for Slide Panel instance of SlidePanelHeader"),
+  panelHeader: import_ds_utilities.PropTypes.element.description(
+    "Header for Slide Panel instance of SlidePanelHeader"
+  ),
   panelContent: import_ds_utilities.PropTypes.element.description("Content for Slide Panel"),
   panelWidth: import_ds_utilities.PropTypes.number.description("Width of the panel open. eg: 300"),
   onClose: import_ds_utilities.PropTypes.func.description("callback")
 };
 TemplateBasicPageWithSidePanel.propTypes = props;
 TemplateBasicPageWithSidePanel.displayName = "TemplateBasicPageWithSidePanel";
-const DSTemplateBasicPageWithSidePanel = (0, import_ds_utilities.describe)(TemplateBasicPageWithSidePanel);
+const DSTemplateBasicPageWithSidePanel = (0, import_ds_utilities.describe)(
+  TemplateBasicPageWithSidePanel
+);
 DSTemplateBasicPageWithSidePanel.propTypes = props;
 //# sourceMappingURL=TemplateBasicPageWithSidePanel.js.map

package/dist/cjs/TemplateBasicPageWithSidePanel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/TemplateBasicPageWithSidePanel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport SidePanel from './SidePanel';\n\nconst TemplateBasicPageWithSidePanel = ({\n  globalHeader = null,\n  mainHeader = null,\n  mainContent,\n  mainFooter,\n  isOpen = false,\n  onClose,\n  panelFooter,\n  panelHeader,\n  panelContent,\n  panelWidth,\n}) => (\n  <Grid\n    style={{ overflow: 'hidden', width: '100%' }}\n    height=\"100%\"\n    maxHeight=\"100%\"\n    rows={['auto', '1fr']}\n  >\n    <Grid>{globalHeader}</Grid>\n    <SidePanel\n      footer={panelFooter}\n      header={panelHeader}\n      panelWidth={panelWidth}\n      onClose={onClose}\n      panelContent={panelContent}\n      isOpen={isOpen}\n    >\n      <Grid style={{ overflow: 'hidden' }} height=\"100%\" maxHeight=\"100%\">\n        <Grid\n          rows={\n            mainFooter\n              ? [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)', '48px']\n              : [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)']\n          }\n          style={{ overflow: 'hidden' }}\n        >\n          <Grid>{mainHeader}</Grid>\n          <Grid style={{ overflow: 'hidden' }}>\n            <Grid style={{ overflow: 'auto' }}>{mainContent}</Grid>\n          </Grid>\n          {mainFooter && <Grid alignItems=\"center\">{mainFooter}</Grid>}\n        </Grid>\n      </Grid>\n    </SidePanel>\n  </Grid>\n);\n\nconst props = {\n  /**\n   * Global Header\n   */\n  globalHeader: PropTypes.element.description('Global Header'),\n  /**\n   * Main Header\n   */\n  mainHeader: PropTypes.element.description('Main Header'),\n  /**\n   * Main content\n   */\n  mainContent: PropTypes.element.isRequired.description('Main content'),\n  /**\n   * Main Footer\n   */\n  mainFooter: PropTypes.element.description('Main Footer'),\n  /**\n   * Should show the slide panel or not\n   */\n  isOpen: PropTypes.bool.description('Should show the slide panel or not'),\n  /**\n   * Footer for Slide Panel\n   */\n  panelFooter: PropTypes.element.description('Footer for Slide Panel'),\n  /**\n   * Header for Slide Panel instance of SlidePanelHeader\n   */\n  panelHeader: PropTypes.element.description(\n    'Header for Slide Panel instance of SlidePanelHeader',\n  ),\n  /**\n   * Content for Slide Panel\n   */\n  panelContent: PropTypes.element.description('Content for Slide Panel'),\n  /**\n   * Width of the panel open. eg: 300\n   */\n  panelWidth: PropTypes.number.description('Width of the panel open. eg: 300'),\n  /**\n   * Callback\n   */\n  onClose: PropTypes.func.description('callback'),\n};\n\nTemplateBasicPageWithSidePanel.propTypes = props;\nTemplateBasicPageWithSidePanel.displayName = 'TemplateBasicPageWithSidePanel';\nconst DSTemplateBasicPageWithSidePanel = describe(\n  TemplateBasicPageWithSidePanel,\n);\nDSTemplateBasicPageWithSidePanel.propTypes = props;\n\nexport { TemplateBasicPageWithSidePanel, DSTemplateBasicPageWithSidePanel };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,qBAAqB;AACrB,uBAAsB;AAEtB,MAAM,iCAAiC,CAAC;AAAA,EACtC,eAAe;AAAA,EACf,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC;AAAA,EACC,OAAO,EAAE,UAAU,UAAU,OAAO,OAAO;AAAA,EAC3C,QAAO;AAAA,EACP,WAAU;AAAA,EACV,MAAM,CAAC,QAAQ,KAAK;AAAA,GAEpB,mDAAC,2BAAM,YAAa,GACpB,mDAAC;AAAA,EACC,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEA,mDAAC;AAAA,EAAK,OAAO,EAAE,UAAU,SAAS;AAAA,EAAG,QAAO;AAAA,EAAO,WAAU;AAAA,GAC3D,mDAAC;AAAA,EACC,MACE,aACI,CAAC,aAAa,SAAS,OAAO,oBAAoB,MAAM,IACxD,CAAC,aAAa,SAAS,OAAO,kBAAkB;AAAA,EAEtD,OAAO,EAAE,UAAU,SAAS;AAAA,GAE5B,mDAAC,2BAAM,UAAW,GAClB,mDAAC;AAAA,EAAK,OAAO,EAAE,UAAU,SAAS;AAAA,GAChC,mDAAC;AAAA,EAAK,OAAO,EAAE,UAAU,OAAO;AAAA,GAAI,WAAY,CAClD,GACC,cAAc,mDAAC;AAAA,EAAK,YAAW;AAAA,GAAU,UAAW,CACvD,CACF,CACF,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAI3D,YAAY,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,aAAa,8BAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIpE,YAAY,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,QAAQ,8BAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,aAAa,8BAAU,QAAQ,YAAY,wBAAwB;AAAA,EAInE,aAAa,8BAAU,QAAQ,YAC7B,qDACF;AAAA,EAIA,cAAc,8BAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAI3E,SAAS,8BAAU,KAAK,YAAY,UAAU;AAChD;AAEA,+BAA+B,YAAY;AAC3C,+BAA+B,cAAc;AAC7C,MAAM,mCAAmC,kCACvC,8BACF;AACA,iCAAiC,YAAY;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,qBAAqB;AACrB,uBAAsB;AAEtB,MAAM,iCAAiC,CAAC;AAAA,EACtC,eAAe;AAAA,EACf,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,6CAAC;AAAA,EACC,OAAO,EAAE,UAAU,UAAU,OAAO,OAAO;AAAA,EAC3C,QAAO;AAAA,EACP,WAAU;AAAA,EACV,MAAM,CAAC,QAAQ,KAAK;AAAA,EAEpB;AAAA,gDAAC;AAAA,MAAM;AAAA,KAAa;AAAA,IACpB,4CAAC,iBAAAA,SAAA;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,sDAAC;AAAA,QAAK,OAAO,EAAE,UAAU,SAAS;AAAA,QAAG,QAAO;AAAA,QAAO,WAAU;AAAA,QAC3D,uDAAC;AAAA,UACC,MACE,aACI,CAAC,aAAa,SAAS,OAAO,oBAAoB,MAAM,IACxD,CAAC,aAAa,SAAS,OAAO,kBAAkB;AAAA,UAEtD,OAAO,EAAE,UAAU,SAAS;AAAA,UAE5B;AAAA,wDAAC;AAAA,cAAM;AAAA,aAAW;AAAA,YAClB,4CAAC;AAAA,cAAK,OAAO,EAAE,UAAU,SAAS;AAAA,cAChC,sDAAC;AAAA,gBAAK,OAAO,EAAE,UAAU,OAAO;AAAA,gBAAI;AAAA,eAAY;AAAA,aAClD;AAAA,YACC,cAAc,4CAAC;AAAA,cAAK,YAAW;AAAA,cAAU;AAAA,aAAW;AAAA;AAAA,SACvD;AAAA,OACF;AAAA,KACF;AAAA;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,8BAAU,QAAQ,YAAY,eAAe;AAAA,EAI3D,YAAY,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,aAAa,8BAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIpE,YAAY,8BAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,QAAQ,8BAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,aAAa,8BAAU,QAAQ,YAAY,wBAAwB;AAAA,EAInE,aAAa,8BAAU,QAAQ;AAAA,IAC7B;AAAA,EACF;AAAA,EAIA,cAAc,8BAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAI3E,SAAS,8BAAU,KAAK,YAAY,UAAU;AAChD;AAEA,+BAA+B,YAAY;AAC3C,+BAA+B,cAAc;AAC7C,MAAM,uCAAmC;AAAA,EACvC;AACF;AACA,iCAAiC,YAAY;",
+  "names": ["SidePanel"]
 }

package/dist/cjs/defaultProps.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var defaultProps_exports = {};
 __export(defaultProps_exports, {

package/dist/cjs/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const defaultProps = {\n  isOpen: false,\n  panelWidth: 300,\n  widthWhenIsClosed: 0,\n  panelContentOverflow: 'auto',\n  withBorder: true,\n  withBoxShadow: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,eAAe;AACjB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './SidePanel';\nexport * from './SidePanelHeader';\nexport * from './TemplateBasicPageWithSidePanel';\nexport { default } from './SidePanel';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,wBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,6CAFd;AAGA,uBAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,wBAAd;AACA,wBAAc,8BADd;AAEA,wBAAc,6CAFd;AAGA,uBAAwB;",
   "names": []
 }

package/dist/cjs/props.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var props_exports = {};
 __export(props_exports, {

package/dist/cjs/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n  /**\n   * Main content\n   */\n  children: PropTypes.element.isRequired.description('Main content'),\n  /**\n   * Should show the slide panel or not\n   */\n  isOpen: PropTypes.bool.description('Should show the slide panel or not'),\n  /**\n   * Footer for Slide Panel\n   */\n  footer: PropTypes.element.description('Footer for Slide Panel'),\n  /**\n   * Header for Slide Panel instance of SlidePanelHeader\n   */\n  header: PropTypes.element.description('Header for Slide Panel instance of SlidePanelHeader'),\n  /**\n   * Content for Slide Panel\n   */\n  panelContent: PropTypes.element.description('Content for Slide Panel'),\n  /**\n   * Width of the panel open. eg: 300\n   */\n  panelWidth: PropTypes.number.description('Width of the panel open. eg: 300'),\n\n  widthWhenIsClosed: PropTypes.number.description('Width of the panel closed. eg: 0'),\n  panelContentOverflow: PropTypes.oneOf(['auto', 'hidden']).description('Overflow on SidePanel content'),\n  withBorder: PropTypes.bool.description('Whether the sidepanel has border or not'),\n  withBoxShadow: PropTypes.bool.description('Whether the sidepanel has box shadow or not'),\n  noGridInfluencer: PropTypes.bool.description('Whether the sidepanel is grid-influencer or not'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,QAAQ;AAAA,EAInB,UAAU,8BAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIjE,QAAQ,8BAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,QAAQ,8BAAU,QAAQ,YAAY,wBAAwB;AAAA,EAI9D,QAAQ,8BAAU,QAAQ,YAAY,qDAAqD;AAAA,EAI3F,cAAc,8BAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAE3E,mBAAmB,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAClF,sBAAsB,8BAAU,MAAM,CAAC,QAAQ,QAAQ,CAAC,EAAE,YAAY,+BAA+B;AAAA,EACrG,YAAY,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAChF,eAAe,8BAAU,KAAK,YAAY,6CAA6C;AAAA,EACvF,kBAAkB,8BAAU,KAAK,YAAY,iDAAiD;AAChG;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAEnB,MAAM,QAAQ;AAAA,EAInB,UAAU,8BAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIjE,QAAQ,8BAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,QAAQ,8BAAU,QAAQ,YAAY,wBAAwB;AAAA,EAI9D,QAAQ,8BAAU,QAAQ,YAAY,qDAAqD;AAAA,EAI3F,cAAc,8BAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAE3E,mBAAmB,8BAAU,OAAO,YAAY,kCAAkC;AAAA,EAClF,sBAAsB,8BAAU,MAAM,CAAC,QAAQ,QAAQ,CAAC,EAAE,YAAY,+BAA+B;AAAA,EACrG,YAAY,8BAAU,KAAK,YAAY,yCAAyC;AAAA,EAChF,eAAe,8BAAU,KAAK,YAAY,6CAA6C;AAAA,EACvF,kBAAkB,8BAAU,KAAK,YAAY,iDAAiD;AAChG;",
   "names": []
 }

package/dist/esm/SidePanel.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-utilities";
 import { styled } from "@elliemae/ds-system";
 import { border } from "@elliemae/ds-system";
@@ -41,34 +41,50 @@ const SidePanel = ({
   noGridInfluencer,
   withBorder = true,
   withBoxShadow = false
-}) => /* @__PURE__ */ React2.createElement(Container, {
-  noGridInfluencer
-}, /* @__PURE__ */ React2.createElement(TransGrid, {
-  height: "100%",
-  flex: "1",
-  mr: noGridInfluencer ? `${widthWhenIsClosed}px` : 0
-}, children), /* @__PURE__ */ React2.createElement(TransGrid, {
-  style: { overflow: "hidden" },
-  height: "100%",
-  maxHeight: "100%",
-  width: isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`,
-  withBorder,
-  withBoxShadow,
-  isOpen,
-  cols: [1],
-  noGridInfluencer
-}, /* @__PURE__ */ React2.createElement(Grid, {
-  rows: footer ? [header ? "48px" : "0px", "minmax(0px, 1fr)", "48px"] : [header ? "48px" : "0px", "minmax(0px, 1fr)"],
-  style: { overflow: "hidden" }
-}, /* @__PURE__ */ React2.createElement(Grid, null, header), /* @__PURE__ */ React2.createElement(Grid, {
-  style: { overflow: "hidden" }
-}, /* @__PURE__ */ React2.createElement(Grid, {
-  style: { overflow: panelContentOverflow }
-}, panelContent)), footer ? /* @__PURE__ */ React2.createElement(FooterContainer, {
-  alignItems: "center",
-  pl: "xs",
-  pr: "xs"
-}, footer) : null)));
+}) => /* @__PURE__ */ jsxs(Container, {
+  noGridInfluencer,
+  children: [
+    /* @__PURE__ */ jsx(TransGrid, {
+      height: "100%",
+      flex: "1",
+      mr: noGridInfluencer ? `${widthWhenIsClosed}px` : 0,
+      children
+    }),
+    /* @__PURE__ */ jsx(TransGrid, {
+      style: { overflow: "hidden" },
+      height: "100%",
+      maxHeight: "100%",
+      width: isOpen ? `${panelWidth}px` : `${widthWhenIsClosed}px`,
+      withBorder,
+      withBoxShadow,
+      isOpen,
+      cols: [1],
+      noGridInfluencer,
+      children: /* @__PURE__ */ jsxs(Grid, {
+        rows: footer ? [header ? "48px" : "0px", "minmax(0px, 1fr)", "48px"] : [header ? "48px" : "0px", "minmax(0px, 1fr)"],
+        style: { overflow: "hidden" },
+        children: [
+          /* @__PURE__ */ jsx(Grid, {
+            children: header
+          }),
+          /* @__PURE__ */ jsx(Grid, {
+            style: { overflow: "hidden" },
+            children: /* @__PURE__ */ jsx(Grid, {
+              style: { overflow: panelContentOverflow },
+              children: panelContent
+            })
+          }),
+          footer ? /* @__PURE__ */ jsx(FooterContainer, {
+            alignItems: "center",
+            pl: "xs",
+            pr: "xs",
+            children: footer
+          }) : null
+        ]
+      })
+    })
+  ]
+});
 SidePanel.propTypes = spprops;
 SidePanel.defaultProps = defaultProps;
 SidePanel.displayName = "SidePanel";

package/dist/esm/SidePanel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanel.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\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;\nSidePanel.displayName = 'SidePanel';\nconst DSSidePanelWithSchema = describe(SidePanel);\nDSSidePanelWithSchema.propTypes = spprops;\n\nexport { SidePanel, DSSidePanelWithSchema };\nexport default SidePanel;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,CAAC,EAAE,uBAAwB,mBAAmB,wBAAwB;AAAA;AAG1E,MAAM,YAAY,OAAO,IAAI;AAAA,gBACb,CAAC,UAAW,MAAM,gBAAgB,sCAAsC;AAAA;AAAA,iBAEvE,CAAC,UAAW,MAAM,aAAa,OAAO,MAAM,MAAM,OAAO,QAAQ,QAAQ,KAAK,IAAI;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,OAAO,IAAI;AAAA,gBACnB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGnE,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,qCAAC;AAAA,EAAU;AAAA,GACT,qCAAC;AAAA,EAAU,QAAO;AAAA,EAAO,MAAK;AAAA,EAAI,IAAI,mBAAmB,GAAG,wBAAwB;AAAA,GACjF,QACH,GACA,qCAAC;AAAA,EACC,OAAO,EAAE,UAAU,SAAS;AAAA,EAC5B,QAAO;AAAA,EACP,WAAU;AAAA,EACV,OAAO,SAAS,GAAG,iBAAiB,GAAG;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM,CAAC,CAAC;AAAA,EACR;AAAA,GAEA,qCAAC;AAAA,EACC,MACE,SAAS,CAAC,SAAS,SAAS,OAAO,oBAAoB,MAAM,IAAI,CAAC,SAAS,SAAS,OAAO,kBAAkB;AAAA,EAE/G,OAAO,EAAE,UAAU,SAAS;AAAA,GAE5B,qCAAC,YAAM,MAAO,GACd,qCAAC;AAAA,EAAK,OAAO,EAAE,UAAU,SAAS;AAAA,GAChC,qCAAC;AAAA,EAAK,OAAO,EAAE,UAAU,qBAAqB;AAAA,GAAI,YAAa,CACjE,GACC,SACC,qCAAC;AAAA,EAAgB,YAAW;AAAA,EAAS,IAAG;AAAA,EAAK,IAAG;AAAA,GAC7C,MACH,IACE,IACN,CACF,CACF;AAGF,UAAU,YAAY;AACtB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,MAAM,wBAAwB,SAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,oBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,SAAS,eAAe;AACjC,SAAS,oBAAoB;AAE7B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMrB,CAAC,EAAE,iBAAiB,MAAO,mBAAmB,wBAAwB;AAAA;AAG1E,MAAM,YAAY,OAAO,IAAI;AAAA,gBACb,CAAC,UAAW,MAAM,gBAAgB,sCAAsC;AAAA;AAAA,iBAEvE,CAAC,UAAW,MAAM,aAAa,OAAO,MAAM,MAAM,OAAO,QAAQ,QAAQ,KAAK,IAAI;AAAA,IAC/F,CAAC,EAAE,iBAAiB,MACpB,mBACI;AAAA;AAAA;AAAA;AAAA;AAAA,OAMA;AAAA,gBACQ,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGtD,MAAM,kBAAkB,OAAO,IAAI;AAAA,gBACnB,CAAC,UAAU,OAAO,MAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGnE,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;AAClB,MACE,qBAAC;AAAA,EAAU;AAAA,EACT;AAAA,wBAAC;AAAA,MAAU,QAAO;AAAA,MAAO,MAAK;AAAA,MAAI,IAAI,mBAAmB,GAAG,wBAAwB;AAAA,MACjF;AAAA,KACH;AAAA,IACA,oBAAC;AAAA,MACC,OAAO,EAAE,UAAU,SAAS;AAAA,MAC5B,QAAO;AAAA,MACP,WAAU;AAAA,MACV,OAAO,SAAS,GAAG,iBAAiB,GAAG;AAAA,MACvC;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,CAAC,CAAC;AAAA,MACR;AAAA,MAEA,+BAAC;AAAA,QACC,MACE,SAAS,CAAC,SAAS,SAAS,OAAO,oBAAoB,MAAM,IAAI,CAAC,SAAS,SAAS,OAAO,kBAAkB;AAAA,QAE/G,OAAO,EAAE,UAAU,SAAS;AAAA,QAE5B;AAAA,8BAAC;AAAA,YAAM;AAAA,WAAO;AAAA,UACd,oBAAC;AAAA,YAAK,OAAO,EAAE,UAAU,SAAS;AAAA,YAChC,8BAAC;AAAA,cAAK,OAAO,EAAE,UAAU,qBAAqB;AAAA,cAAI;AAAA,aAAa;AAAA,WACjE;AAAA,UACC,SACC,oBAAC;AAAA,YAAgB,YAAW;AAAA,YAAS,IAAG;AAAA,YAAK,IAAG;AAAA,YAC7C;AAAA,WACH,IACE;AAAA;AAAA,OACN;AAAA,KACF;AAAA;AAAA,CACF;AAGF,UAAU,YAAY;AACtB,UAAU,eAAe;AACzB,UAAU,cAAc;AACxB,MAAM,wBAAwB,SAAS,SAAS;AAChD,sBAAsB,YAAY;AAGlC,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/SidePanelHeader.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { styled } from "@elliemae/ds-system";
 import { noop } from "lodash";
@@ -24,45 +24,64 @@ const Wrapper = styled(Grid)`
 `;
 const SidePanelHeader = ({ title = null, additionalAction = null, onClose = noop, showClose = true }) => {
   const theme = useTheme();
-  const separator = /* @__PURE__ */ React2.createElement(Grid, {
-    height: "24px"
-  }, /* @__PURE__ */ React2.createElement(StyledSeparator, null));
+  const separator = /* @__PURE__ */ jsx(Grid, {
+    height: "24px",
+    children: /* @__PURE__ */ jsx(StyledSeparator, {})
+  });
   const cols = [1, "auto", "auto"];
   const cols2 = ["auto"];
-  return /* @__PURE__ */ React2.createElement(Wrapper, {
+  return /* @__PURE__ */ jsxs(Wrapper, {
     cols,
     height: theme.space.m,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "center",
-    width: "100%"
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center",
-    justifyContent: "flex-start",
-    cols: cols2
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    cols: [1],
-    alignItems: "center",
-    pr: theme.space.xs
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    flexGrow: 0
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    cols: ["auto", "auto"],
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement(StyledTitle, {
-    maxWidth: "100%",
-    alignItems: "center"
-  }, title))))), /* @__PURE__ */ React2.createElement(Grid, {
-    ml: "xxs",
-    alignItems: "center",
-    cols: additionalAction ? ["auto", "auto", "auto"] : ["auto"]
-  }, additionalAction && /* @__PURE__ */ React2.createElement(Grid, null, additionalAction), additionalAction && showClose && separator, /* @__PURE__ */ React2.createElement(Grid, null, showClose && /* @__PURE__ */ React2.createElement(DSButton, {
-    buttonType: "text",
-    icon: /* @__PURE__ */ React2.createElement(CloseSmall, null),
-    size: "m",
-    onClick: onClose,
-    "data-testid": "btn-close-slide-panel"
-  }))));
+    width: "100%",
+    children: [
+      /* @__PURE__ */ jsx(Grid, {
+        alignItems: "center",
+        justifyContent: "flex-start",
+        cols: cols2,
+        children: /* @__PURE__ */ jsx(Grid, {
+          cols: [1],
+          alignItems: "center",
+          pr: theme.space.xs,
+          children: /* @__PURE__ */ jsx(Grid, {
+            flexGrow: 0,
+            children: /* @__PURE__ */ jsx(Grid, {
+              cols: ["auto", "auto"],
+              alignItems: "center",
+              children: /* @__PURE__ */ jsx(StyledTitle, {
+                maxWidth: "100%",
+                alignItems: "center",
+                children: title
+              })
+            })
+          })
+        })
+      }),
+      /* @__PURE__ */ jsxs(Grid, {
+        ml: "xxs",
+        alignItems: "center",
+        cols: additionalAction ? ["auto", "auto", "auto"] : ["auto"],
+        children: [
+          additionalAction && /* @__PURE__ */ jsx(Grid, {
+            children: additionalAction
+          }),
+          additionalAction && showClose && separator,
+          /* @__PURE__ */ jsx(Grid, {
+            children: showClose && /* @__PURE__ */ jsx(DSButton, {
+              buttonType: "text",
+              icon: /* @__PURE__ */ jsx(CloseSmall, {}),
+              size: "m",
+              onClick: onClose,
+              "data-testid": "btn-close-slide-panel"
+            })
+          })
+        ]
+      })
+    ]
+  });
 };
 const props = {
   title: PropTypes.string.description("Page title"),

package/dist/esm/SidePanelHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/SidePanelHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { noop } from 'lodash';\nimport { border, truncate, useTheme } from '@elliemae/ds-system';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst StyledSeparator = styled.div`\n  width: 0;\n  height: 100%;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-left: ${(props) => `${props.theme.colors.neutral[300]} 1px solid`};\n`;\n\nconst StyledTitle = styled.div`\n  font-size: 18px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  color: ${(props) => props.theme.colors.neutral['700']};\n  ${truncate()}\n`;\n\nconst Wrapper = styled(Grid)`\n  border-bottom: ${(props) => border(props.theme.colors.neutral['300'])};\n`;\n\nconst SidePanelHeader = ({ title = null, additionalAction = null, onClose = noop, showClose = true }) => {\n  const theme = useTheme();\n  const separator = (\n    <Grid height=\"24px\">\n      <StyledSeparator />\n    </Grid>\n  );\n  const cols = [1, 'auto', 'auto'];\n  const cols2 = ['auto'];\n  return (\n    <Wrapper\n      cols={cols}\n      height={theme.space.m}\n      pl={theme.space.xs}\n      pr={theme.space.xs}\n      alignItems=\"center\"\n      width=\"100%\"\n    >\n      <Grid alignItems=\"center\" justifyContent=\"flex-start\" cols={cols2}>\n        <Grid cols={[1]} alignItems=\"center\" pr={theme.space.xs}>\n          <Grid flexGrow={0}>\n            <Grid cols={['auto', 'auto']} alignItems=\"center\">\n              <StyledTitle maxWidth=\"100%\" alignItems=\"center\">\n                {title}\n              </StyledTitle>\n            </Grid>\n          </Grid>\n        </Grid>\n      </Grid>\n      <Grid ml=\"xxs\" alignItems=\"center\" cols={additionalAction ? ['auto', 'auto', 'auto'] : ['auto']}>\n        {additionalAction && <Grid>{additionalAction}</Grid>}\n        {additionalAction && showClose && separator}\n        <Grid>\n          {showClose && (\n            <DSButton\n              buttonType=\"text\"\n              icon={<CloseSmall />}\n              size=\"m\"\n              onClick={onClose}\n              data-testid=\"btn-close-slide-panel\"\n            />\n          )}\n        </Grid>\n      </Grid>\n    </Wrapper>\n  );\n};\n\nconst props = {\n  /** Page title */\n  title: PropTypes.string.description('Page title'),\n\n  /** Action button */\n  additionalAction: PropTypes.element.description('Action button'),\n\n  /** Called when the slide collapse */\n  onClose: PropTypes.func.description('Called when the slide collapse'),\n\n  /** Show/Hide close button */\n  showClose: PropTypes.bool.description('Show/Hide close button'),\n};\n\nSidePanelHeader.propTypes = props;\nSidePanelHeader.displayName = 'SidePanelHeader';\nconst DSSidePanelHeaderWithSchema = describe(SidePanelHeader);\n\nDSSidePanelHeaderWithSchema.propTypes = props;\n\nexport { SidePanelHeader, DSSidePanelHeaderWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,cAGjB,CAAC,WAAU,OAAM,MAAM,MAAM;AAAA,iBAC1B,CAAC,WAAU,GAAG,OAAM,MAAM,OAAO,QAAQ;AAAA;AAG1D,MAAM,cAAc,OAAO;AAAA;AAAA,iBAEV,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,WACzC,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,SAAS;AAAA;AAGb,MAAM,UAAU,OAAO,IAAI;AAAA,mBACR,CAAC,WAAU,OAAO,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGtE,MAAM,kBAAkB,CAAC,EAAE,QAAQ,MAAM,mBAAmB,MAAM,UAAU,MAAM,YAAY,WAAW;AACvG,QAAM,QAAQ,SAAS;AACvB,QAAM,YACJ,qCAAC;AAAA,IAAK,QAAO;AAAA,KACX,qCAAC,qBAAgB,CACnB;AAEF,QAAM,OAAO,CAAC,GAAG,QAAQ,MAAM;AAC/B,QAAM,QAAQ,CAAC,MAAM;AACrB,SACE,qCAAC;AAAA,IACC;AAAA,IACA,QAAQ,MAAM,MAAM;AAAA,IACpB,IAAI,MAAM,MAAM;AAAA,IAChB,IAAI,MAAM,MAAM;AAAA,IAChB,YAAW;AAAA,IACX,OAAM;AAAA,KAEN,qCAAC;AAAA,IAAK,YAAW;AAAA,IAAS,gBAAe;AAAA,IAAa,MAAM;AAAA,KAC1D,qCAAC;AAAA,IAAK,MAAM,CAAC,CAAC;AAAA,IAAG,YAAW;AAAA,IAAS,IAAI,MAAM,MAAM;AAAA,KACnD,qCAAC;AAAA,IAAK,UAAU;AAAA,KACd,qCAAC;AAAA,IAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,IAAG,YAAW;AAAA,KACvC,qCAAC;AAAA,IAAY,UAAS;AAAA,IAAO,YAAW;AAAA,KACrC,KACH,CACF,CACF,CACF,CACF,GACA,qCAAC;AAAA,IAAK,IAAG;AAAA,IAAM,YAAW;AAAA,IAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM;AAAA,KAC3F,oBAAoB,qCAAC,YAAM,gBAAiB,GAC5C,oBAAoB,aAAa,WAClC,qCAAC,YACE,aACC,qCAAC;AAAA,IACC,YAAW;AAAA,IACX,MAAM,qCAAC,gBAAW;AAAA,IAClB,MAAK;AAAA,IACL,SAAS;AAAA,IACT,eAAY;AAAA,GACd,CAEJ,CACF,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,YAAY;AAAA,EAGhD,kBAAkB,UAAU,QAAQ,YAAY,eAAe;AAAA,EAG/D,SAAS,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAGpE,WAAW,UAAU,KAAK,YAAY,wBAAwB;AAChE;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,QAAQ,UAAU,gBAAgB;AAC3C,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AACrB,SAAS,YAAY;AAErB,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA,cAGjB,CAACA,WAAUA,OAAM,MAAM,MAAM;AAAA,iBAC1B,CAACA,WAAU,GAAGA,OAAM,MAAM,OAAO,QAAQ;AAAA;AAG1D,MAAM,cAAc,OAAO;AAAA;AAAA,iBAEV,CAACA,WAAUA,OAAM,MAAM,YAAY;AAAA,WACzC,CAACA,WAAUA,OAAM,MAAM,OAAO,QAAQ;AAAA,IAC7C,SAAS;AAAA;AAGb,MAAM,UAAU,OAAO,IAAI;AAAA,mBACR,CAACA,WAAU,OAAOA,OAAM,MAAM,OAAO,QAAQ,MAAM;AAAA;AAGtE,MAAM,kBAAkB,CAAC,EAAE,QAAQ,MAAM,mBAAmB,MAAM,UAAU,MAAM,YAAY,KAAK,MAAM;AACvG,QAAM,QAAQ,SAAS;AACvB,QAAM,YACJ,oBAAC;AAAA,IAAK,QAAO;AAAA,IACX,8BAAC,mBAAgB;AAAA,GACnB;AAEF,QAAM,OAAO,CAAC,GAAG,QAAQ,MAAM;AAC/B,QAAM,QAAQ,CAAC,MAAM;AACrB,SACE,qBAAC;AAAA,IACC;AAAA,IACA,QAAQ,MAAM,MAAM;AAAA,IACpB,IAAI,MAAM,MAAM;AAAA,IAChB,IAAI,MAAM,MAAM;AAAA,IAChB,YAAW;AAAA,IACX,OAAM;AAAA,IAEN;AAAA,0BAAC;AAAA,QAAK,YAAW;AAAA,QAAS,gBAAe;AAAA,QAAa,MAAM;AAAA,QAC1D,8BAAC;AAAA,UAAK,MAAM,CAAC,CAAC;AAAA,UAAG,YAAW;AAAA,UAAS,IAAI,MAAM,MAAM;AAAA,UACnD,8BAAC;AAAA,YAAK,UAAU;AAAA,YACd,8BAAC;AAAA,cAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,cAAG,YAAW;AAAA,cACvC,8BAAC;AAAA,gBAAY,UAAS;AAAA,gBAAO,YAAW;AAAA,gBACrC;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,qBAAC;AAAA,QAAK,IAAG;AAAA,QAAM,YAAW;AAAA,QAAS,MAAM,mBAAmB,CAAC,QAAQ,QAAQ,MAAM,IAAI,CAAC,MAAM;AAAA,QAC3F;AAAA,8BAAoB,oBAAC;AAAA,YAAM;AAAA,WAAiB;AAAA,UAC5C,oBAAoB,aAAa;AAAA,UAClC,oBAAC;AAAA,YACE,uBACC,oBAAC;AAAA,cACC,YAAW;AAAA,cACX,MAAM,oBAAC,cAAW;AAAA,cAClB,MAAK;AAAA,cACL,SAAS;AAAA,cACT,eAAY;AAAA,aACd;AAAA,WAEJ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,YAAY;AAAA,EAGhD,kBAAkB,UAAU,QAAQ,YAAY,eAAe;AAAA,EAG/D,SAAS,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAGpE,WAAW,UAAU,KAAK,YAAY,wBAAwB;AAChE;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
+  "names": ["props"]
 }

package/dist/esm/TemplateBasicPageWithSidePanel.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { Grid } from "@elliemae/ds-grid";
 import SidePanel from "./SidePanel";
@@ -14,32 +14,50 @@ const TemplateBasicPageWithSidePanel = ({
   panelHeader,
   panelContent,
   panelWidth
-}) => /* @__PURE__ */ React2.createElement(Grid, {
+}) => /* @__PURE__ */ jsxs(Grid, {
   style: { overflow: "hidden", width: "100%" },
   height: "100%",
   maxHeight: "100%",
-  rows: ["auto", "1fr"]
-}, /* @__PURE__ */ React2.createElement(Grid, null, globalHeader), /* @__PURE__ */ React2.createElement(SidePanel, {
-  footer: panelFooter,
-  header: panelHeader,
-  panelWidth,
-  onClose,
-  panelContent,
-  isOpen
-}, /* @__PURE__ */ React2.createElement(Grid, {
-  style: { overflow: "hidden" },
-  height: "100%",
-  maxHeight: "100%"
-}, /* @__PURE__ */ React2.createElement(Grid, {
-  rows: mainFooter ? [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)", "48px"] : [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)"],
-  style: { overflow: "hidden" }
-}, /* @__PURE__ */ React2.createElement(Grid, null, mainHeader), /* @__PURE__ */ React2.createElement(Grid, {
-  style: { overflow: "hidden" }
-}, /* @__PURE__ */ React2.createElement(Grid, {
-  style: { overflow: "auto" }
-}, mainContent)), mainFooter && /* @__PURE__ */ React2.createElement(Grid, {
-  alignItems: "center"
-}, mainFooter)))));
+  rows: ["auto", "1fr"],
+  children: [
+    /* @__PURE__ */ jsx(Grid, {
+      children: globalHeader
+    }),
+    /* @__PURE__ */ jsx(SidePanel, {
+      footer: panelFooter,
+      header: panelHeader,
+      panelWidth,
+      onClose,
+      panelContent,
+      isOpen,
+      children: /* @__PURE__ */ jsx(Grid, {
+        style: { overflow: "hidden" },
+        height: "100%",
+        maxHeight: "100%",
+        children: /* @__PURE__ */ jsxs(Grid, {
+          rows: mainFooter ? [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)", "48px"] : [mainHeader ? "auto" : "0px", "minmax(0px, 1fr)"],
+          style: { overflow: "hidden" },
+          children: [
+            /* @__PURE__ */ jsx(Grid, {
+              children: mainHeader
+            }),
+            /* @__PURE__ */ jsx(Grid, {
+              style: { overflow: "hidden" },
+              children: /* @__PURE__ */ jsx(Grid, {
+                style: { overflow: "auto" },
+                children: mainContent
+              })
+            }),
+            mainFooter && /* @__PURE__ */ jsx(Grid, {
+              alignItems: "center",
+              children: mainFooter
+            })
+          ]
+        })
+      })
+    })
+  ]
+});
 const props = {
   globalHeader: PropTypes.element.description("Global Header"),
   mainHeader: PropTypes.element.description("Main Header"),
@@ -47,14 +65,18 @@ const props = {
   mainFooter: PropTypes.element.description("Main Footer"),
   isOpen: PropTypes.bool.description("Should show the slide panel or not"),
   panelFooter: PropTypes.element.description("Footer for Slide Panel"),
-  panelHeader: PropTypes.element.description("Header for Slide Panel instance of SlidePanelHeader"),
+  panelHeader: PropTypes.element.description(
+    "Header for Slide Panel instance of SlidePanelHeader"
+  ),
   panelContent: PropTypes.element.description("Content for Slide Panel"),
   panelWidth: PropTypes.number.description("Width of the panel open. eg: 300"),
   onClose: PropTypes.func.description("callback")
 };
 TemplateBasicPageWithSidePanel.propTypes = props;
 TemplateBasicPageWithSidePanel.displayName = "TemplateBasicPageWithSidePanel";
-const DSTemplateBasicPageWithSidePanel = describe(TemplateBasicPageWithSidePanel);
+const DSTemplateBasicPageWithSidePanel = describe(
+  TemplateBasicPageWithSidePanel
+);
 DSTemplateBasicPageWithSidePanel.propTypes = props;
 export {
   DSTemplateBasicPageWithSidePanel,

package/dist/esm/TemplateBasicPageWithSidePanel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/TemplateBasicPageWithSidePanel.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport SidePanel from './SidePanel';\n\nconst TemplateBasicPageWithSidePanel = ({\n  globalHeader = null,\n  mainHeader = null,\n  mainContent,\n  mainFooter,\n  isOpen = false,\n  onClose,\n  panelFooter,\n  panelHeader,\n  panelContent,\n  panelWidth,\n}) => (\n  <Grid\n    style={{ overflow: 'hidden', width: '100%' }}\n    height=\"100%\"\n    maxHeight=\"100%\"\n    rows={['auto', '1fr']}\n  >\n    <Grid>{globalHeader}</Grid>\n    <SidePanel\n      footer={panelFooter}\n      header={panelHeader}\n      panelWidth={panelWidth}\n      onClose={onClose}\n      panelContent={panelContent}\n      isOpen={isOpen}\n    >\n      <Grid style={{ overflow: 'hidden' }} height=\"100%\" maxHeight=\"100%\">\n        <Grid\n          rows={\n            mainFooter\n              ? [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)', '48px']\n              : [mainHeader ? 'auto' : '0px', 'minmax(0px, 1fr)']\n          }\n          style={{ overflow: 'hidden' }}\n        >\n          <Grid>{mainHeader}</Grid>\n          <Grid style={{ overflow: 'hidden' }}>\n            <Grid style={{ overflow: 'auto' }}>{mainContent}</Grid>\n          </Grid>\n          {mainFooter && <Grid alignItems=\"center\">{mainFooter}</Grid>}\n        </Grid>\n      </Grid>\n    </SidePanel>\n  </Grid>\n);\n\nconst props = {\n  /**\n   * Global Header\n   */\n  globalHeader: PropTypes.element.description('Global Header'),\n  /**\n   * Main Header\n   */\n  mainHeader: PropTypes.element.description('Main Header'),\n  /**\n   * Main content\n   */\n  mainContent: PropTypes.element.isRequired.description('Main content'),\n  /**\n   * Main Footer\n   */\n  mainFooter: PropTypes.element.description('Main Footer'),\n  /**\n   * Should show the slide panel or not\n   */\n  isOpen: PropTypes.bool.description('Should show the slide panel or not'),\n  /**\n   * Footer for Slide Panel\n   */\n  panelFooter: PropTypes.element.description('Footer for Slide Panel'),\n  /**\n   * Header for Slide Panel instance of SlidePanelHeader\n   */\n  panelHeader: PropTypes.element.description(\n    'Header for Slide Panel instance of SlidePanelHeader',\n  ),\n  /**\n   * Content for Slide Panel\n   */\n  panelContent: PropTypes.element.description('Content for Slide Panel'),\n  /**\n   * Width of the panel open. eg: 300\n   */\n  panelWidth: PropTypes.number.description('Width of the panel open. eg: 300'),\n  /**\n   * Callback\n   */\n  onClose: PropTypes.func.description('callback'),\n};\n\nTemplateBasicPageWithSidePanel.propTypes = props;\nTemplateBasicPageWithSidePanel.displayName = 'TemplateBasicPageWithSidePanel';\nconst DSTemplateBasicPageWithSidePanel = describe(\n  TemplateBasicPageWithSidePanel,\n);\nDSTemplateBasicPageWithSidePanel.propTypes = props;\n\nexport { TemplateBasicPageWithSidePanel, DSTemplateBasicPageWithSidePanel };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iCAAiC,CAAC;AAAA,EACtC,eAAe;AAAA,EACf,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC;AAAA,EACC,OAAO,EAAE,UAAU,UAAU,OAAO,OAAO;AAAA,EAC3C,QAAO;AAAA,EACP,WAAU;AAAA,EACV,MAAM,CAAC,QAAQ,KAAK;AAAA,GAEpB,qCAAC,YAAM,YAAa,GACpB,qCAAC;AAAA,EACC,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEA,qCAAC;AAAA,EAAK,OAAO,EAAE,UAAU,SAAS;AAAA,EAAG,QAAO;AAAA,EAAO,WAAU;AAAA,GAC3D,qCAAC;AAAA,EACC,MACE,aACI,CAAC,aAAa,SAAS,OAAO,oBAAoB,MAAM,IACxD,CAAC,aAAa,SAAS,OAAO,kBAAkB;AAAA,EAEtD,OAAO,EAAE,UAAU,SAAS;AAAA,GAE5B,qCAAC,YAAM,UAAW,GAClB,qCAAC;AAAA,EAAK,OAAO,EAAE,UAAU,SAAS;AAAA,GAChC,qCAAC;AAAA,EAAK,OAAO,EAAE,UAAU,OAAO;AAAA,GAAI,WAAY,CAClD,GACC,cAAc,qCAAC;AAAA,EAAK,YAAW;AAAA,GAAU,UAAW,CACvD,CACF,CACF,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,UAAU,QAAQ,YAAY,eAAe;AAAA,EAI3D,YAAY,UAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,aAAa,UAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIpE,YAAY,UAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,QAAQ,UAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,aAAa,UAAU,QAAQ,YAAY,wBAAwB;AAAA,EAInE,aAAa,UAAU,QAAQ,YAC7B,qDACF;AAAA,EAIA,cAAc,UAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAI3E,SAAS,UAAU,KAAK,YAAY,UAAU;AAChD;AAEA,+BAA+B,YAAY;AAC3C,+BAA+B,cAAc;AAC7C,MAAM,mCAAmC,SACvC,8BACF;AACA,iCAAiC,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,YAAY;AACrB,OAAO,eAAe;AAEtB,MAAM,iCAAiC,CAAC;AAAA,EACtC,eAAe;AAAA,EACf,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,qBAAC;AAAA,EACC,OAAO,EAAE,UAAU,UAAU,OAAO,OAAO;AAAA,EAC3C,QAAO;AAAA,EACP,WAAU;AAAA,EACV,MAAM,CAAC,QAAQ,KAAK;AAAA,EAEpB;AAAA,wBAAC;AAAA,MAAM;AAAA,KAAa;AAAA,IACpB,oBAAC;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC;AAAA,QAAK,OAAO,EAAE,UAAU,SAAS;AAAA,QAAG,QAAO;AAAA,QAAO,WAAU;AAAA,QAC3D,+BAAC;AAAA,UACC,MACE,aACI,CAAC,aAAa,SAAS,OAAO,oBAAoB,MAAM,IACxD,CAAC,aAAa,SAAS,OAAO,kBAAkB;AAAA,UAEtD,OAAO,EAAE,UAAU,SAAS;AAAA,UAE5B;AAAA,gCAAC;AAAA,cAAM;AAAA,aAAW;AAAA,YAClB,oBAAC;AAAA,cAAK,OAAO,EAAE,UAAU,SAAS;AAAA,cAChC,8BAAC;AAAA,gBAAK,OAAO,EAAE,UAAU,OAAO;AAAA,gBAAI;AAAA,eAAY;AAAA,aAClD;AAAA,YACC,cAAc,oBAAC;AAAA,cAAK,YAAW;AAAA,cAAU;AAAA,aAAW;AAAA;AAAA,SACvD;AAAA,OACF;AAAA,KACF;AAAA;AAAA,CACF;AAGF,MAAM,QAAQ;AAAA,EAIZ,cAAc,UAAU,QAAQ,YAAY,eAAe;AAAA,EAI3D,YAAY,UAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,aAAa,UAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIpE,YAAY,UAAU,QAAQ,YAAY,aAAa;AAAA,EAIvD,QAAQ,UAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,aAAa,UAAU,QAAQ,YAAY,wBAAwB;AAAA,EAInE,aAAa,UAAU,QAAQ;AAAA,IAC7B;AAAA,EACF;AAAA,EAIA,cAAc,UAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAI3E,SAAS,UAAU,KAAK,YAAY,UAAU;AAChD;AAEA,+BAA+B,YAAY;AAC3C,+BAA+B,cAAc;AAC7C,MAAM,mCAAmC;AAAA,EACvC;AACF;AACA,iCAAiC,YAAY;",
   "names": []
 }

package/dist/esm/defaultProps.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  isOpen: false,\n  panelWidth: 300,\n  widthWhenIsClosed: 0,\n  panelContentOverflow: 'auto',\n  withBorder: true,\n  withBoxShadow: false,\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,eAAe;AACjB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,YAAY;AAAA,EACZ,eAAe;AACjB;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './SidePanel';\nexport * from './SidePanelHeader';\nexport * from './TemplateBasicPageWithSidePanel';\nexport { default } from './SidePanel';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
 }

package/dist/esm/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\n\nexport const props = {\n  /**\n   * Main content\n   */\n  children: PropTypes.element.isRequired.description('Main content'),\n  /**\n   * Should show the slide panel or not\n   */\n  isOpen: PropTypes.bool.description('Should show the slide panel or not'),\n  /**\n   * Footer for Slide Panel\n   */\n  footer: PropTypes.element.description('Footer for Slide Panel'),\n  /**\n   * Header for Slide Panel instance of SlidePanelHeader\n   */\n  header: PropTypes.element.description('Header for Slide Panel instance of SlidePanelHeader'),\n  /**\n   * Content for Slide Panel\n   */\n  panelContent: PropTypes.element.description('Content for Slide Panel'),\n  /**\n   * Width of the panel open. eg: 300\n   */\n  panelWidth: PropTypes.number.description('Width of the panel open. eg: 300'),\n\n  widthWhenIsClosed: PropTypes.number.description('Width of the panel closed. eg: 0'),\n  panelContentOverflow: PropTypes.oneOf(['auto', 'hidden']).description('Overflow on SidePanel content'),\n  withBorder: PropTypes.bool.description('Whether the sidepanel has border or not'),\n  withBoxShadow: PropTypes.bool.description('Whether the sidepanel has box shadow or not'),\n  noGridInfluencer: PropTypes.bool.description('Whether the sidepanel is grid-influencer or not'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,QAAQ;AAAA,EAInB,UAAU,UAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIjE,QAAQ,UAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,QAAQ,UAAU,QAAQ,YAAY,wBAAwB;AAAA,EAI9D,QAAQ,UAAU,QAAQ,YAAY,qDAAqD;AAAA,EAI3F,cAAc,UAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAE3E,mBAAmB,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAClF,sBAAsB,UAAU,MAAM,CAAC,QAAQ,QAAQ,CAAC,EAAE,YAAY,+BAA+B;AAAA,EACrG,YAAY,UAAU,KAAK,YAAY,yCAAyC;AAAA,EAChF,eAAe,UAAU,KAAK,YAAY,6CAA6C;AAAA,EACvF,kBAAkB,UAAU,KAAK,YAAY,iDAAiD;AAChG;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,QAAQ;AAAA,EAInB,UAAU,UAAU,QAAQ,WAAW,YAAY,cAAc;AAAA,EAIjE,QAAQ,UAAU,KAAK,YAAY,oCAAoC;AAAA,EAIvE,QAAQ,UAAU,QAAQ,YAAY,wBAAwB;AAAA,EAI9D,QAAQ,UAAU,QAAQ,YAAY,qDAAqD;AAAA,EAI3F,cAAc,UAAU,QAAQ,YAAY,yBAAyB;AAAA,EAIrE,YAAY,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAE3E,mBAAmB,UAAU,OAAO,YAAY,kCAAkC;AAAA,EAClF,sBAAsB,UAAU,MAAM,CAAC,QAAQ,QAAQ,CAAC,EAAE,YAAY,+BAA+B;AAAA,EACrG,YAAY,UAAU,KAAK,YAAY,yCAAyC;AAAA,EAChF,eAAe,UAAU,KAAK,YAAY,6CAA6C;AAAA,EACvF,kBAAkB,UAAU,KAAK,YAAY,iDAAiD;AAChG;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-side-panel",
-  "version": "3.4.3-rc.1",
+  "version": "3.4.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Side Panel",
   "files": [
@@ -55,11 +55,11 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.4.3-rc.1",
-    "@elliemae/ds-grid": "3.4.3-rc.1",
-    "@elliemae/ds-icons": "3.4.3-rc.1",
-    "@elliemae/ds-system": "3.4.3-rc.1",
-    "@elliemae/ds-utilities": "3.4.3-rc.1"
+    "@elliemae/ds-button": "3.4.3",
+    "@elliemae/ds-grid": "3.4.3",
+    "@elliemae/ds-icons": "3.4.3",
+    "@elliemae/ds-system": "3.4.3",
+    "@elliemae/ds-utilities": "3.4.3"
   },
   "devDependencies": {
     "styled-components": "~5.3.5"