@elliemae/ds-side-panel 2.2.1 → 2.3.0-alpha.4

package/esm/TemplateBasicPageWithSidePanel.js

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

package/esm/TemplateBasicPageWithSidePanel.js.map

@@ -0,0 +1,7 @@
+{
+  "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 'react-desc';\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;\n\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,MAAD;AAAA,EACE,OAAO,EAAE,UAAU,UAAU,OAAO;AAAA,EACpC,QAAO;AAAA,EACP,WAAU;AAAA,EACV,MAAM,CAAC,QAAQ;AAAA,GAEf,qCAAC,MAAD,MAAO,eACP,qCAAC,WAAD;AAAA,EACE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEA,qCAAC,MAAD;AAAA,EAAM,OAAO,EAAE,UAAU;AAAA,EAAY,QAAO;AAAA,EAAO,WAAU;AAAA,GAC3D,qCAAC,MAAD;AAAA,EACE,MACE,aACI,CAAC,aAAa,SAAS,OAAO,oBAAoB,UAClD,CAAC,aAAa,SAAS,OAAO;AAAA,EAEpC,OAAO,EAAE,UAAU;AAAA,GAEnB,qCAAC,MAAD,MAAO,aACP,qCAAC,MAAD;AAAA,EAAM,OAAO,EAAE,UAAU;AAAA,GACvB,qCAAC,MAAD;AAAA,EAAM,OAAO,EAAE,UAAU;AAAA,GAAW,eAErC,cAAc,qCAAC,MAAD;AAAA,EAAM,YAAW;AAAA,GAAU;AAOpD,MAAM,QAAQ;AAAA,EAIZ,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,YAAY,UAAU,QAAQ,YAAY;AAAA,EAI1C,aAAa,UAAU,QAAQ,WAAW,YAAY;AAAA,EAItD,YAAY,UAAU,QAAQ,YAAY;AAAA,EAI1C,QAAQ,UAAU,KAAK,YAAY;AAAA,EAInC,aAAa,UAAU,QAAQ,YAAY;AAAA,EAI3C,aAAa,UAAU,QAAQ,YAC7B;AAAA,EAKF,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,YAAY,UAAU,OAAO,YAAY;AAAA,EAIzC,SAAS,UAAU,KAAK,YAAY;AAAA;AAGtC,+BAA+B,YAAY;AAE3C,MAAM,mCAAmC,SACvC;AAEF,iCAAiC,YAAY;",
+  "names": []
+}

package/esm/defaultProps.js

@@ -1,10 +1,13 @@
+import * as React from "react";
 const defaultProps = {
   isOpen: false,
   panelWidth: 300,
   widthWhenIsClosed: 0,
-  panelContentOverflow: 'auto',
+  panelContentOverflow: "auto",
   withBorder: true,
   withBoxShadow: false
 };
-
-export { defaultProps };
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/esm/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "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;AAAA;",
+  "names": []
+}

package/esm/index.js

@@ -1,3 +1,9 @@
-export { DSSidePanelWithSchema, SidePanel, SidePanel as default } from './SidePanel.js';
-export { DSSidePanelHeaderWithSchema, SidePanelHeader } from './SidePanelHeader.js';
-export { DSTemplateBasicPageWithSidePanel, TemplateBasicPageWithSidePanel } from './TemplateBasicPageWithSidePanel.js';
+import * as React from "react";
+export * from "./SidePanel";
+export * from "./SidePanelHeader";
+export * from "./TemplateBasicPageWithSidePanel";
+import { default as default2 } from "./SidePanel";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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": []
+}

package/esm/props.js

@@ -1,40 +1,19 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+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')
+  children: PropTypes.element.isRequired.description("Main content"),
+  isOpen: PropTypes.bool.description("Should show the slide panel or not"),
+  footer: PropTypes.element.description("Footer for Slide Panel"),
+  header: 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"),
+  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 };
+export {
+  props
+};
+//# sourceMappingURL=props.js.map

package/esm/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\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;AAAA,EAInD,QAAQ,UAAU,KAAK,YAAY;AAAA,EAInC,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAItC,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAItC,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,YAAY,UAAU,OAAO,YAAY;AAAA,EAEzC,mBAAmB,UAAU,OAAO,YAAY;AAAA,EAChD,sBAAsB,UAAU,MAAM,CAAC,QAAQ,WAAW,YAAY;AAAA,EACtE,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,eAAe,UAAU,KAAK,YAAY;AAAA,EAC1C,kBAAkB,UAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-side-panel",
-  "version": "2.2.1",
+  "version": "2.3.0-alpha.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Side Panel",
   "module": "./esm/index.js",
@@ -52,10 +52,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.1",
-    "@elliemae/ds-grid": "2.2.1",
-    "@elliemae/ds-icons": "2.2.1",
-    "@elliemae/ds-system": "2.2.1",
+    "@elliemae/ds-button": "2.3.0-alpha.4",
+    "@elliemae/ds-grid": "2.3.0-alpha.4",
+    "@elliemae/ds-icons": "2.3.0-alpha.4",
+    "@elliemae/ds-system": "2.3.0-alpha.4",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {