@elliemae/ds-mobile 2.2.1 → 2.3.0-alpha.4

package/esm/Accordion/propTypes.js

@@ -1,21 +1,28 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const mobileAccordionItemPropTypes = {
-  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,
-  title: PropTypes.string.description('Set a primary title.'),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('Dimsum AccordionItem value, this value should be unique.').isRequired,
-  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),
-  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),
-  secondaryTitle: PropTypes.string.description('Set a secondary title'),
-  customActions: PropTypes.arrayOf(PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),
-  renderCustomActions: PropTypes.func.description('This property will render any JSX in the custom actions area. You can access to all references and active values within the props.')
+  children: PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
+  title: PropTypes.string.description("Set a primary title."),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
+  iconClosed: PropTypes.node.description("Custom Dimsum Icon when it is closed."),
+  iconOpened: PropTypes.node.description("Custom Dimsum Icon when it is open."),
+  secondaryTitle: PropTypes.string.description("Set a secondary title"),
+  customActions: PropTypes.arrayOf(PropTypes.object).description("Set Dimsum AccordionItem custom actions."),
+  renderCustomActions: PropTypes.func.description("This property will render any JSX in the custom actions area. You can access to all references and active values within the props.")
 };
 const mobileAccordionPropTypes = {
-  containerProps: PropTypes.object.description('Adds props to the container.'),
-  activeValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])), PropTypes.string, PropTypes.number]).description('Selected active value. This property makes the component a controlled one.'),
-  children: PropTypes.node.description('Dimsum AccordionItems to show.'),
-  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),
-  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.')
+  containerProps: PropTypes.object.description("Adds props to the container."),
+  activeValue: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
+    PropTypes.string,
+    PropTypes.number
+  ]).description("Selected active value. This property makes the component a controlled one."),
+  children: PropTypes.node.description("Dimsum AccordionItems to show."),
+  allowMultipleOpen: PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
+  onChange: PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
 };
-
-export { mobileAccordionItemPropTypes, mobileAccordionPropTypes };
+export {
+  mobileAccordionItemPropTypes,
+  mobileAccordionPropTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/esm/Accordion/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Accordion/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const mobileAccordionItemPropTypes = {\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),\n  renderCustomActions: PropTypes.func.description(\n    'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n  ),\n};\n\nexport const mobileAccordionPropTypes = {\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,+BAA+B;AAAA,EAC1C,UAAU,UAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC/D,4DACA;AAAA,EACF,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,eAAe,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAC/D,qBAAqB,UAAU,KAAK,YAClC;AAAA;AAIG,MAAM,2BAA2B;AAAA,EACtC,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IACnE,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EACf,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,mBAAmB,UAAU,KAAK,YAAY;AAAA,EAC9C,UAAU,UAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/esm/CategoryBox/CategoryBox.js

@@ -1,72 +1,54 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { times } from 'lodash';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { truncate } from '@elliemae/ds-system';
-
-const Title = /*#__PURE__*/styled.h3.withConfig({
-  componentId: "sc-iv6vo1-0"
-})(["font-size:18px;margin:0;color:", ";line-height:inherit;", " font-weight:", ";"], props => props.theme.colors.neutral['700'], truncate(), props => props.theme.fontWeights.semibold);
-const CategoryBox = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-iv6vo1-1"
-})(["background:", ";border-top:", ";"], props => props.theme.colors.neutral['0'], props => props.borderTop ? "1px solid ".concat(props.theme.colors.neutral['100']) : 'none');
-
-const DSCategoryBox = _ref => {
-  let {
-    borderTop = true,
-    actionsRight = [],
-    title,
-    headerLevel = 3,
-    children
-  } = _ref;
-  const rows = ['auto'];
+import * as React from "react";
+import React2 from "react";
+import { times } from "lodash";
+import { PropTypes, describe } from "react-desc";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { truncate } from "@elliemae/ds-system";
+const Title = styled.h3`
+  font-size: 18px;
+  margin: 0;
+  color: ${(props2) => props2.theme.colors.neutral["700"]};
+  line-height: inherit;
+  ${truncate()}
+  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+`;
+const CategoryBox = styled(Grid)`
+  background: ${(props2) => props2.theme.colors.neutral["0"]};
+  border-top: ${(props2) => props2.borderTop ? `1px solid ${props2.theme.colors.neutral["100"]}` : "none"};
+`;
+const DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {
+  const rows = ["auto"];
   const hasActions = actionsRight.length > 0;
-  if (hasActions) rows.push('auto');
-  return /*#__PURE__*/_jsx(Grid, {
-    rows: ['40px', 'auto']
-  }, void 0, /*#__PURE__*/_jsx(CategoryBox, {
+  if (hasActions)
+    rows.push("auto");
+  return /* @__PURE__ */ React2.createElement(Grid, {
+    rows: ["40px", "auto"]
+  }, /* @__PURE__ */ React2.createElement(CategoryBox, {
     cols: rows,
-    borderTop: borderTop,
+    borderTop,
     alignItems: "center",
     pl: "xs",
-    pr: actionsRight.length > 0 ? 'xxs' : 'xs'
-  }, void 0, /*#__PURE__*/_jsx(Title, {
-    as: "h".concat(headerLevel)
-  }, void 0, title), hasActions && /*#__PURE__*/_jsx(Grid, {
-    cols: times(actionsRight.length, () => 'auto'),
+    pr: actionsRight.length > 0 ? "xxs" : "xs"
+  }, /* @__PURE__ */ React2.createElement(Title, {
+    as: `h${headerLevel}`
+  }, title), hasActions && /* @__PURE__ */ React2.createElement(Grid, {
+    cols: times(actionsRight.length, () => "auto"),
     justifySelf: "end"
-  }, void 0, actionsRight)), children);
+  }, actionsRight)), children);
 };
-
 const props = {
-  /**
-   * Category Box title
-   */
-  title: PropTypes.string.isRequired.description('Category Box title'),
-
-  /**
-   * Toggle border top of category box
-   */
-  borderTop: PropTypes.bool.description('Toggle border top of category box'),
-
-  /**
-   * Array of button icons
-   */
-  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),
-
-  /**
-   * semantic level of header tag for the title
-   */
-  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),
-
-  /**
-   * In-box children
-   */
-  children: PropTypes.element.description('In-box children')
+  title: PropTypes.string.isRequired.description("Category Box title"),
+  borderTop: PropTypes.bool.description("Toggle border top of category box"),
+  actionsRight: PropTypes.arrayOf(PropTypes.element).description("Array of button icons"),
+  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("semantic level of header tag for the title"),
+  children: PropTypes.element.description("In-box children")
 };
+DSCategoryBox.propTypes = props;
 const DSCategoryBoxWithSchema = describe(DSCategoryBox);
 DSCategoryBoxWithSchema.propTypes = props;
-
-export { DSCategoryBox, DSCategoryBoxWithSchema };
+export {
+  DSCategoryBox,
+  DSCategoryBoxWithSchema
+};
+//# sourceMappingURL=CategoryBox.js.map

package/esm/CategoryBox/CategoryBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CategoryBox/CategoryBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst Title = styled.h3`\n  font-size: 18px;\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['0']};\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n\n  return (\n    <Grid rows={['40px', 'auto']}>\n      <CategoryBox\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </CategoryBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * Category Box title\n   */\n  title: PropTypes.string.isRequired.description('Category Box title'),\n  /**\n   * Toggle border top of category box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of category box'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\n\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,WAGV,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,IAE7C;AAAA,iBACa,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,cAAc,OAAO;AAAA,gBACX,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,gBACtC,CAAC,WAAW,OAAM,YAAY,aAAa,OAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGjG,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAM,eAAe,IAAI,OAAO,cAAc,GAAG,eAAe;AACnG,QAAM,OAAO,CAAC;AACd,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK;AAE1B,SACE,qCAAC,MAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,qCAAC,aAAD;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA,YAAW;AAAA,IACX,IAAG;AAAA,IACH,IAAI,aAAa,SAAS,IAAI,QAAQ;AAAA,KAEtC,qCAAC,OAAD;AAAA,IAAO,IAAI,IAAI;AAAA,KAAgB,QAC9B,cACC,qCAAC,MAAD;AAAA,IAAM,MAAM,MAAM,aAAa,QAAQ,MAAM;AAAA,IAAS,aAAY;AAAA,KAC/D,gBAIN;AAAA;AAKP,MAAM,QAAQ;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,cAAc,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA,EAI/D,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA,EAI7D,UAAU,UAAU,QAAQ,YAAY;AAAA;AAG1C,cAAc,YAAY;AAE1B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/esm/CategoryBox/index.js

@@ -1 +1,7 @@
-export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox.js';
+import * as React from "react";
+import { DSCategoryBox, DSCategoryBoxWithSchema } from "./CategoryBox";
+export {
+  DSCategoryBox,
+  DSCategoryBoxWithSchema
+};
+//# sourceMappingURL=index.js.map

package/esm/CategoryBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CategoryBox/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSCategoryBox, DSCategoryBoxWithSchema } from './CategoryBox';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/CollectionBox/CollectionBox.js

@@ -1,87 +1,80 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import styled from 'styled-components';
-import { Grid } from '@elliemae/ds-grid';
-import { truncate } from '@elliemae/ds-system';
-
-const CollectionBox = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-z729w4-0"
-})(["background:", ";font-size:13px;color:", ";font-weight:", ";border-top:1px solid ", ";"], props => props.theme.colors.neutral['000'], props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['100']);
-const Footer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-z729w4-1"
-})(["border-top:1px dashed ", ";"], props => props.theme.colors.neutral['100']);
-const Body = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-z729w4-2"
-})(["min-height:92px;font-weight:", ";"], props => props.theme.fontWeights.regular);
-const Header = /*#__PURE__*/styled.h3.withConfig({
-  componentId: "sc-z729w4-3"
-})(["line-height:unset;font-size:inherit;font-weight:inherit;margin:0;", "}"], truncate());
-const ActionWrap = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-z729w4-4"
-})(["& .em-ds-button{padding:0;min-width:unset;}"]);
-
-const DSCollectionBox = _ref => {
-  let {
-    body,
-    title,
-    headerAction,
-    footerAction,
-    headerLevel = 3
-  } = _ref;
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { truncate } from "@elliemae/ds-system";
+const CollectionBox = styled(Grid)`
+  background: ${(props2) => props2.theme.colors.neutral["000"]};
+  font-size: 13px;
+  color: ${(props2) => props2.theme.colors.neutral["700"]};
+  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+  border-top: 1px solid ${(props2) => props2.theme.colors.neutral["100"]};
+`;
+const Footer = styled(Grid)`
+  border-top: 1px dashed ${(props2) => props2.theme.colors.neutral["100"]};
+`;
+const Body = styled(Grid)`
+  min-height: 92px;
+  font-weight: ${(props2) => props2.theme.fontWeights.regular};
+`;
+const Header = styled.h3`
+  line-height: unset;
+  font-size: inherit;
+  font-weight: inherit;
+  margin: 0;
+  ${truncate()}
+}
+`;
+const ActionWrap = styled(Grid)`
+  & .em-ds-button {
+    padding: 0;
+    min-width: unset;
+  }
+`;
+const DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {
   const headerCols = [];
   const footerCols = [];
   const rows = [];
-  if (headerAction || title) rows.push('40px');
-  rows.push('auto');
-  if (footerAction) rows.push('40px');
-  if (headerAction) headerCols.push('auto');
-  if (title) headerCols.push('auto');
-  if (footerAction) footerCols.push('auto');
-  return /*#__PURE__*/_jsx(CollectionBox, {
-    rows: rows
-  }, void 0, /*#__PURE__*/_jsx(Grid, {
+  if (headerAction || title)
+    rows.push("40px");
+  rows.push("auto");
+  if (footerAction)
+    rows.push("40px");
+  if (headerAction)
+    headerCols.push("auto");
+  if (title)
+    headerCols.push("auto");
+  if (footerAction)
+    footerCols.push("auto");
+  return /* @__PURE__ */ React2.createElement(CollectionBox, {
+    rows
+  }, /* @__PURE__ */ React2.createElement(Grid, {
     alignItems: "center",
     cols: headerCols
-  }, void 0, title && /*#__PURE__*/_jsx(Header, {
-    as: "h".concat(headerLevel)
-  }, void 0, title), headerAction && /*#__PURE__*/_jsx(ActionWrap, {
+  }, title && /* @__PURE__ */ React2.createElement(Header, {
+    as: `h${headerLevel}`
+  }, title), headerAction && /* @__PURE__ */ React2.createElement(ActionWrap, {
     justifySelf: "end"
-  }, void 0, headerAction)), /*#__PURE__*/_jsx(Body, {}, void 0, body), footerAction && /*#__PURE__*/_jsx(Footer, {
+  }, headerAction)), /* @__PURE__ */ React2.createElement(Body, null, body), footerAction && /* @__PURE__ */ React2.createElement(Footer, {
     alignItems: "center",
     cols: footerCols
-  }, void 0, /*#__PURE__*/_jsx(ActionWrap, {
+  }, /* @__PURE__ */ React2.createElement(ActionWrap, {
     justifySelf: "end"
-  }, void 0, footerAction)));
+  }, footerAction)));
 };
-
 const props = {
-  /**
-   * body inside collection box
-   */
-  body: PropTypes.element.isRequired.description('body inside collection box'),
-
-  /**
-   * Collection box header
-   */
-  title: PropTypes.string.description('Collection box header'),
-
-  /**
-   * Collection box header action, expects a button with size s
-   */
-  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),
-
-  /**
-   * Collection box footer action, expects a button with size s
-   */
-  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),
-
-  /**
-   * Semantic header tag used for the header title
-   */
-  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title')
+  body: PropTypes.element.isRequired.description("body inside collection box"),
+  title: PropTypes.string.description("Collection box header"),
+  headerAction: PropTypes.element.description("Collection box header action, expects a button with size s"),
+  footerAction: PropTypes.element.description("Collection box footer action, expects a button with size s"),
+  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("Semantic header tag used for the header title")
 };
+DSCollectionBox.propTypes = props;
 const DSCollectionBoxWithSchema = describe(DSCollectionBox);
 DSCollectionBoxWithSchema.propTypes = props;
-
-export { DSCollectionBox, DSCollectionBoxWithSchema };
+export {
+  DSCollectionBox,
+  DSCollectionBoxWithSchema
+};
+//# sourceMappingURL=CollectionBox.js.map

package/esm/CollectionBox/CollectionBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CollectionBox/CollectionBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,OAAO;AAAA,gBACb,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,WAE3C,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,0BAC1B,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,SAAS,OAAO;AAAA,2BACK,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGjE,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB;AAAA;AAAA;AAIJ,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1B,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,cAAc,cAAc,cAAc,QAAQ;AACxF,QAAM,aAAa;AACnB,QAAM,aAAa;AACnB,QAAM,OAAO;AACb,MAAI,gBAAgB;AAAO,SAAK,KAAK;AACrC,OAAK,KAAK;AACV,MAAI;AAAc,SAAK,KAAK;AAE5B,MAAI;AAAc,eAAW,KAAK;AAClC,MAAI;AAAO,eAAW,KAAK;AAE3B,MAAI;AAAc,eAAW,KAAK;AAElC,SACE,qCAAC,eAAD;AAAA,IAAe;AAAA,KACb,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,MAAM;AAAA,KAC7B,SAAS,qCAAC,QAAD;AAAA,IAAQ,IAAI,IAAI;AAAA,KAAgB,QACzC,gBAAgB,qCAAC,YAAD;AAAA,IAAY,aAAY;AAAA,KAAO,gBAElD,qCAAC,MAAD,MAAO,OACN,gBACC,qCAAC,QAAD;AAAA,IAAQ,YAAW;AAAA,IAAS,MAAM;AAAA,KAChC,qCAAC,YAAD;AAAA,IAAY,aAAY;AAAA,KAAO;AAAA;AAOzC,MAAM,QAAQ;AAAA,EAIZ,MAAM,UAAU,QAAQ,WAAW,YAAY;AAAA,EAI/C,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA;AAG/D,gBAAgB,YAAY;AAC5B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;",
+  "names": []
+}

package/esm/CollectionBox/index.js

@@ -1 +1,7 @@
-export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox.js';
+import * as React from "react";
+import { DSCollectionBox, DSCollectionBoxWithSchema } from "./CollectionBox";
+export {
+  DSCollectionBox,
+  DSCollectionBoxWithSchema
+};
+//# sourceMappingURL=index.js.map

package/esm/CollectionBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CollectionBox/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSCollectionBox, DSCollectionBoxWithSchema } from './CollectionBox';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/FullPageContainer/FullPageContainer.js

@@ -1,34 +1,20 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { useMobileHeight } from './useMobileHeight.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSFullPageContainer = _ref => {
-  let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { Grid } from "@elliemae/ds-grid";
+import { useMobileHeight } from "./useMobileHeight";
+const DSFullPageContainer = ({ children, ...props }) => {
   const height = useMobileHeight();
-  return /*#__PURE__*/jsx(Grid, _objectSpread(_objectSpread({
-    height: height,
-    width: "100%"
-  }, props), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */ React2.createElement(Grid, {
+    height,
+    width: "100%",
+    ...props
+  }, children);
 };
-
-export { DSFullPageContainer };
+DSFullPageContainer.propTypes = {
+  children: PropTypes.any
+};
+export {
+  DSFullPageContainer
+};
+//# sourceMappingURL=FullPageContainer.js.map

package/esm/FullPageContainer/FullPageContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC,EAAE,aAAa,YAAY;AACtD,QAAM,SAAS;AACf,SACE,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAgB,OAAM;AAAA,OAAW;AAAA,KACpC;AAAA;AAKP,oBAAoB,YAAY;AAAA,EAC9B,UAAU,UAAU;AAAA;",
+  "names": []
+}

package/esm/FullPageContainer/FullPageContainerScroll.js

@@ -1,35 +1,17 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { Grid } from '@elliemae/ds-grid';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["style", "children"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSFullPageContainerScroll = _ref => {
-  let {
-    style = {},
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(Grid, _objectSpread(_objectSpread({
-    maxHeight: "100%",
-    style: _objectSpread({
-      overflow: 'auto'
-    }, style)
-  }, props), {}, {
-    children: children
-  }));
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { Grid } from "@elliemae/ds-grid";
+const DSFullPageContainerScroll = ({ style = {}, children, ...props }) => /* @__PURE__ */ React2.createElement(Grid, {
+  maxHeight: "100%",
+  style: { overflow: "auto", ...style },
+  ...props
+}, children);
+DSFullPageContainerScroll.propTypes = {
+  children: PropTypes.any,
+  style: PropTypes.object
 };
-
-export { DSFullPageContainerScroll };
+export {
+  DSFullPageContainerScroll
+};
+//# sourceMappingURL=FullPageContainerScroll.js.map

package/esm/FullPageContainer/FullPageContainerScroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainerScroll.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC,EAAE,QAAQ,IAAI,aAAa,YAC5D,qCAAC,MAAD;AAAA,EAAM,WAAU;AAAA,EAAO,OAAO,EAAE,UAAU,WAAW;AAAA,KAAa;AAAA,GAC/D;AAIL,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA;",
+  "names": []
+}

package/esm/FullPageContainer/index.js

@@ -1,2 +1,8 @@
-export { DSFullPageContainer } from './FullPageContainer.js';
-export { DSFullPageContainerScroll } from './FullPageContainerScroll.js';
+import * as React from "react";
+import { DSFullPageContainer } from "./FullPageContainer";
+import { DSFullPageContainerScroll } from "./FullPageContainerScroll";
+export {
+  DSFullPageContainer,
+  DSFullPageContainerScroll
+};
+//# sourceMappingURL=index.js.map

package/esm/FullPageContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSFullPageContainer } from './FullPageContainer';\nexport { DSFullPageContainerScroll } from './FullPageContainerScroll';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/FullPageContainer/useMobileHeight.js

@@ -1,20 +1,17 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useEffect } from 'react';
-
+import * as React from "react";
+import { useEffect, useState } from "react";
 function useMobileHeight() {
   const [height, setHeight] = useState(window.innerHeight);
-
   const handleHeight = () => {
     setHeight(window.innerHeight);
   };
-
   useEffect(() => {
-    window.addEventListener('resize', handleHeight); // Remove event listener on cleanup
-
-    return () => window.removeEventListener('resize', handleHeight);
-  }, []); // Empty array ensures that effect is only run on mount
-
+    window.addEventListener("resize", handleHeight);
+    return () => window.removeEventListener("resize", handleHeight);
+  }, []);
   return height;
 }
-
-export { useMobileHeight };
+export {
+  useMobileHeight
+};
+//# sourceMappingURL=useMobileHeight.js.map

package/esm/FullPageContainer/useMobileHeight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/useMobileHeight.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useState } from 'react';\n\nexport function useMobileHeight() {\n  const [height, setHeight] = useState(window.innerHeight);\n  const handleHeight = () => {\n    setHeight(window.innerHeight);\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleHeight);\n\n    // Remove event listener on cleanup\n    return () => window.removeEventListener('resize', handleHeight);\n  }, []); // Empty array ensures that effect is only run on mount\n\n  return height;\n}\n"],
+  "mappings": "AAAA;ACAA;AAEO,2BAA2B;AAChC,QAAM,CAAC,QAAQ,aAAa,SAAS,OAAO;AAC5C,QAAM,eAAe,MAAM;AACzB,cAAU,OAAO;AAAA;AAGnB,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU;AAGlC,WAAO,MAAM,OAAO,oBAAoB,UAAU;AAAA,KACjD;AAEH,SAAO;AAAA;",
+  "names": []
+}