@elliemae/ds-mobile 1.60.0 → 2.0.0-alpha.12

package/esm/MobileListItem/MobileListItem.js

@@ -1,40 +1,30 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
 import { Grid } from '@elliemae/ds-grid';
 import { truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, border } from '@elliemae/ds-system';
 
-var StyledContainer = /*#__PURE__*/styled(Grid).withConfig({
+const StyledContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-n7r3qn-0"
-})(["background:", ";border-bottom:", ";"], function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return border(props.theme.colors.neutral['300']);
-});
-var StyledTitle = /*#__PURE__*/styled.div.withConfig({
+})(["background:", ";border-bottom:", ";"], props => props.theme.colors.neutral['000'], props => border(props.theme.colors.neutral['300']));
+const StyledTitle = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-n7r3qn-1"
-})(["font-weight:", ";font-size:13px;color:", ";", ""], function (props) {
-  return props.theme.fontWeights.semibold;
-}, function (props) {
-  return props.theme.colors.neutral['800'];
-}, truncate());
+})(["font-weight:", ";font-size:13px;color:", ";", ""], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['800'], truncate());
 
-var MobileListItem = function MobileListItem(_ref) {
-  var _ref$leftAddon = _ref.leftAddon,
-      leftAddon = _ref$leftAddon === void 0 ? null : _ref$leftAddon,
-      _ref$rightAddon = _ref.rightAddon,
-      rightAddon = _ref$rightAddon === void 0 ? null : _ref$rightAddon,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? '' : _ref$title,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      _ref$dataTestid = _ref.dataTestid,
-      dataTestid = _ref$dataTestid === void 0 ? 'mobile-list-item' : _ref$dataTestid,
-      theme = _ref.theme;
-  var cols = [1];
+const MobileListItem = _ref => {
+  let {
+    leftAddon = null,
+    rightAddon = null,
+    title = '',
+    value = '',
+    dataTestid = 'mobile-list-item',
+    theme
+  } = _ref;
+  const cols = [1];
   if (leftAddon) cols.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
   if (rightAddon) cols.push(__UNSAFE_SPACE_TO_DIMSUM(theme.space.m));
-  return /*#__PURE__*/React.createElement(StyledContainer, {
+  return /*#__PURE__*/_jsx(StyledContainer, {
     cols: cols,
     height: theme.space.m,
     width: "100%",
@@ -42,19 +32,19 @@ var MobileListItem = function MobileListItem(_ref) {
     pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
     gutter: "xs",
     "data-testid": "".concat(dataTestid, "--").concat(value)
-  }, leftAddon && /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, leftAddon && /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, leftAddon), /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, leftAddon), /*#__PURE__*/_jsx(Grid, {
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(StyledTitle, null, title)), rightAddon && /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(StyledTitle, {}, void 0, title)), rightAddon && /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     justifyContent: "center"
-  }, rightAddon));
+  }, void 0, rightAddon));
 };
 
-var DSMobileListItem = withTheme(MobileListItem);
-var listItemProps = {
+const DSMobileListItem = withTheme(MobileListItem);
+const listItemProps = {
   leftAddon: PropTypes.element.description('Element placed at the left'),
   rightAddon: PropTypes.element.description('Element placed at the right'),
   title: PropTypes.string.description('Item s title').isRequired,
@@ -62,9 +52,7 @@ var listItemProps = {
   dataTestid: PropTypes.string.description('ID used for testing').defaultValue('mobile-list-item'),
   theme: PropTypes.object.description('')
 };
-MobileListItem.propTypes = listItemProps;
-var ListItemWithSchema = describe(MobileListItem);
+const ListItemWithSchema = describe(MobileListItem);
 ListItemWithSchema.propTypes = listItemProps;
 
 export { DSMobileListItem, ListItemWithSchema };
-//# sourceMappingURL=MobileListItem.js.map

package/esm/MobileListItem/index.js

@@ -1,7 +1 @@
 export { DSMobileListItem, ListItemWithSchema } from './MobileListItem.js';
-import 'react';
-import 'react-desc';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-system';
-//# sourceMappingURL=index.js.map

package/esm/MobilePageHeader/MobilePageHeader.js

@@ -1,4 +1,5 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useMemo, useState, useCallback } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
@@ -8,140 +9,108 @@ import { truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, border } from '@elliemae
 import { ChevronSmallDown } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import MobileSeparator from '../MobileSeparator/Separator.js';
-import '@babel/runtime/helpers/esm/defineProperty';
 
-var StyledTitle = /*#__PURE__*/styled(Grid).withConfig({
+var _ChevronSmallDown;
+const StyledTitle = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1tfu1y9-0"
-})(["font-size:22px;font-weight:", ";color:", ";min-height:", ";padding-top:", ";"], function (props) {
-  return props.theme.fontWeights.regular;
-}, function (props) {
-  return props.theme.colors.neutral['700'];
-}, function (props) {
-  return props.withBreadcrumb ? 'auto' : '44px';
-}, function (props) {
-  return props.withBreadcrumb ? '0' : '6px';
-});
-var StyledBreadCrumb = /*#__PURE__*/styled.div.withConfig({
+})(["font-size:22px;font-weight:", ";color:", ";min-height:", ";padding-top:", ";"], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['700'], props => props.withBreadcrumb ? 'auto' : '44px', props => props.withBreadcrumb ? '0' : '6px');
+const StyledBreadCrumb = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1tfu1y9-1"
-})(["font-size:16px;font-weight:", ";color:", ";", ""], function (props) {
-  return props.theme.fontWeights.regular;
-}, function (props) {
-  return props.theme.colors.neutral['600'];
-}, truncate());
-var Label = /*#__PURE__*/styled.div.withConfig({
+})(["font-size:16px;font-weight:", ";color:", ";", ""], props => props.theme.fontWeights.regular, props => props.theme.colors.neutral['600'], truncate());
+const Label = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1tfu1y9-2"
-})(["color:", ";", ""], function (props) {
-  return props.theme.colors.neutral['500'];
-}, truncate());
-var Value = /*#__PURE__*/styled.div.withConfig({
+})(["color:", ";", ""], props => props.theme.colors.neutral['500'], truncate());
+const Value = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1tfu1y9-3"
-})(["", " color:", ";", " margin-top:", ";"], truncate(), function (props) {
-  return props.theme.colors.neutral['600'];
-}, function (props) {
-  return props.withMarginRight ? "margin-right: 4px;" : '';
-}, function (props) {
-  return props.withBreadcrumb ? '12px' : '0';
-});
-var Wrapper = /*#__PURE__*/styled(Grid).withConfig({
+})(["", " color:", ";", " margin-top:", ";"], truncate(), props => props.theme.colors.neutral['600'], props => props.withMarginRight ? "margin-right: 4px;" : '', props => props.withBreadcrumb ? '12px' : '0');
+const Wrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1tfu1y9-4"
-})(["border-bottom:", ";"], function (props) {
-  return border(props.theme.colors.neutral['300']);
-});
+})(["border-bottom:", ";"], props => border(props.theme.colors.neutral['300']));
 
-var MobilePageHeader = function MobilePageHeader(_ref) {
-  var _ref$pageTitle = _ref.pageTitle,
-      pageTitle = _ref$pageTitle === void 0 ? null : _ref$pageTitle,
-      _ref$contextMenu = _ref.contextMenu,
-      contextMenu = _ref$contextMenu === void 0 ? null : _ref$contextMenu,
-      _ref$firstAction = _ref.firstAction,
-      firstAction = _ref$firstAction === void 0 ? null : _ref$firstAction,
-      _ref$secondAction = _ref.secondAction,
-      secondAction = _ref$secondAction === void 0 ? null : _ref$secondAction,
-      _ref$backArrow = _ref.backArrow,
-      backArrow = _ref$backArrow === void 0 ? null : _ref$backArrow,
-      _ref$breadCrumb = _ref.breadCrumb,
-      breadCrumb = _ref$breadCrumb === void 0 ? null : _ref$breadCrumb,
-      _ref$onOpenContextMen = _ref.onOpenContextMenu,
-      onOpenContextMenu = _ref$onOpenContextMen === void 0 ? function () {
-    return null;
-  } : _ref$onOpenContextMen,
-      value = _ref.value,
-      label = _ref.label,
-      theme = _ref.theme;
-  var hasValue = value === 0 || value;
-  var countActions = useMemo(function () {
-    var count = 0;
+const MobilePageHeader = _ref => {
+  let {
+    pageTitle = null,
+    contextMenu = null,
+    firstAction = null,
+    secondAction = null,
+    backArrow = null,
+    breadCrumb = null,
+    onOpenContextMenu = () => null,
+    value,
+    label,
+    theme
+  } = _ref;
+  const hasValue = value === 0 || value;
+  const countActions = useMemo(() => {
+    let count = 0;
     if (firstAction) count++;
     if (secondAction) count++;
     return count;
   }, [firstAction, secondAction]);
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
-  var handleContext = useCallback(function () {
+  const [open, setOpen] = useState();
+  const handleContext = useCallback(() => {
     setOpen(!open);
   }, [open]);
-  var separator = /*#__PURE__*/React.createElement(Grid, {
+
+  const separator = /*#__PURE__*/_jsx(Grid, {
     height: "32px",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     height: "24px"
-  }, /*#__PURE__*/React.createElement(MobileSeparator, {
+  }, void 0, /*#__PURE__*/_jsx(MobileSeparator, {
     direction: "vertical",
     margin: "xxs",
     color: ['neutral', '300']
   })));
-  var cols = [1, 'auto'];
-  var cols2 = ['auto'];
+
+  const cols = [1, 'auto'];
+  const cols2 = ['auto'];
   if (countActions) cols.push('auto');
   if (hasValue) cols2.push('auto');
   if (label) cols2.push('auto');
-  return /*#__PURE__*/React.createElement(Wrapper, {
+  return /*#__PURE__*/_jsx(Wrapper, {
     cols: cols,
     pl: theme.space.xs,
     pr: theme.space.xs,
     alignItems: "flex-start",
     width: "100%",
     "data-testid": "page-header-wrapper"
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     alignItems: "flex-start",
     justifyContent: "flex-start",
     cols: cols2
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     cols: backArrow ? ['auto', 1] : [1],
     alignItems: "flex-start",
     pr: countActions === 0 && !hasValue && !label ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : 0
-  }, backArrow && /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, backArrow && /*#__PURE__*/_jsx(Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, backArrow), /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, backArrow), /*#__PURE__*/_jsx(Grid, {
     flexGrow: 0,
     pt: !breadCrumb ? 0 : theme.space.xxs
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     cols: ['auto', 'auto'],
     alignItems: "flex-start"
-  }, /*#__PURE__*/React.createElement(Grid, null, breadCrumb && /*#__PURE__*/React.createElement(StyledBreadCrumb, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, breadCrumb && /*#__PURE__*/_jsx(StyledBreadCrumb, {
     "data-testid": "page-header-breadcrum"
-  }, breadCrumb), /*#__PURE__*/React.createElement(StyledTitle, {
+  }, void 0, breadCrumb), /*#__PURE__*/_jsx(StyledTitle, {
     maxWidth: "100%",
     alignItems: "flex-start",
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-title"
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
     pt: breadCrumb ? 0 : theme.space.xxxs
-  }, /*#__PURE__*/React.createElement(TruncatedExpandableText, {
+  }, void 0, /*#__PURE__*/_jsx(TruncatedExpandableText, {
     value: pageTitle
-  })))), contextMenu && /*#__PURE__*/React.createElement(Grid, {
+  })))), contextMenu && /*#__PURE__*/_jsx(Grid, {
     alignItems: "center",
     mt: breadCrumb ? '20px' : '8px'
-  }, /*#__PURE__*/React.createElement(DSButton, {
+  }, void 0, /*#__PURE__*/_jsx(DSButton, {
     buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(ChevronSmallDown, null),
+    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})),
     size: "s",
-    onClick: function onClick() {
+    onClick: () => {
       handleContext();
       onOpenContextMenu();
     },
@@ -150,31 +119,31 @@ var MobilePageHeader = function MobilePageHeader(_ref) {
     }
   }), /*#__PURE__*/React.cloneElement(contextMenu, {
     open: contextMenu.props.open !== undefined ? contextMenu.props.open : open,
-    onChange: function onChange(event, item) {
+    onChange: (event, item) => {
       if (contextMenu.props.onChange) contextMenu.props.onChange(event, item);
       handleContext();
     }
-  }))))), hasValue && /*#__PURE__*/React.createElement(Grid, {
+  }))))), hasValue && /*#__PURE__*/_jsx(Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: ['auto', 'auto']
-  }, separator, /*#__PURE__*/React.createElement(Value, {
+  }, void 0, separator, /*#__PURE__*/_jsx(Value, {
     withMarginRight: !!label,
     "data-testid": "page-header-value"
-  }, value)), label && /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, value)), label && /*#__PURE__*/_jsx(Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, void 0, /*#__PURE__*/_jsx(Label, {
     withBreadcrumb: !!breadCrumb,
     "data-testid": "page-header-label"
-  }, label))), countActions > 0 && /*#__PURE__*/React.createElement(Grid, {
+  }, void 0, label))), countActions > 0 && /*#__PURE__*/_jsx(Grid, {
     height: breadCrumb ? '56px' : '44px',
     alignItems: "center",
     cols: countActions === 1 ? ['auto'] : ['auto', 'auto', 'auto']
-  }, firstAction && /*#__PURE__*/React.createElement(Grid, null, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/React.createElement(Grid, null, secondAction)));
+  }, void 0, firstAction && /*#__PURE__*/_jsx(Grid, {}, void 0, firstAction), countActions === 2 && separator, secondAction && /*#__PURE__*/_jsx(Grid, {}, void 0, secondAction)));
 };
 
-var pageHeaderProps = {
+const pageHeaderProps = {
   pageTitle: PropTypes.string.description('Page title').isRequired,
   contextMenu: PropTypes.element.description('Context Menu to open'),
   onOpenContextMenu: PropTypes.func.description('function called when context menu opens'),
@@ -186,10 +155,8 @@ var pageHeaderProps = {
   label: PropTypes.string.description('Page summary label'),
   theme: PropTypes.object.description('dimsum theme')
 };
-MobilePageHeader.propTypes = pageHeaderProps;
-var PageHeaderWithSchema = describe(MobilePageHeader);
+const PageHeaderWithSchema = describe(MobilePageHeader);
 PageHeaderWithSchema.propTypes = pageHeaderProps;
-var DSMobilePageHeader = withTheme(MobilePageHeader);
+const DSMobilePageHeader = withTheme(MobilePageHeader);
 
 export { DSMobilePageHeader, PageHeaderWithSchema };
-//# sourceMappingURL=MobilePageHeader.js.map

package/esm/MobilePageHeader/index.js

@@ -1,13 +1 @@
 export { DSMobilePageHeader, PageHeaderWithSchema } from './MobilePageHeader.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import 'react-desc';
-import 'styled-components';
-import '@elliemae/ds-truncated-expandable-text';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-system';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-button';
-import '../MobileSeparator/Separator.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-//# sourceMappingURL=index.js.map