@elliemae/ds-card-navigation 2.0.0-alpha.9 → 2.0.0-next.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/cjs/DSCardNavigation.js +15 -12
  2. package/cjs/style.js +7 -4
  3. package/esm/DSCardNavigation.js +10 -4
  4. package/esm/style.js +7 -4
  5. package/package.json +12 -4
  6. package/types/DSCardNavigation.d.ts +1 -1
  7. package/cjs/package.json +0 -7
  8. package/esm/package.json +0 -7
package/cjs/DSCardNavigation.js CHANGED
@@ -5,12 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
6
  var _jsx = require('@babel/runtime/helpers/jsx');
7
7
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
+ require('core-js/modules/esnext.async-iterator.map.js');
9
+ require('core-js/modules/esnext.iterator.map.js');
10
+ require('core-js/modules/esnext.async-iterator.filter.js');
11
+ require('core-js/modules/esnext.iterator.constructor.js');
12
+ require('core-js/modules/esnext.iterator.filter.js');
13
+ require('core-js/modules/esnext.async-iterator.for-each.js');
14
+ require('core-js/modules/esnext.iterator.for-each.js');
8
15
  require('react');
9
16
  var reactDesc = require('react-desc');
10
- var DSTruncatedTooltipText = require('@elliemae/ds-basic/TruncatedTooltipText');
11
- var LoanProducts = require('@elliemae/ds-icons/LoanProducts');
12
- var MoreOptionsVert = require('@elliemae/ds-icons/MoreOptionsVert');
13
- var DSButton = require('@elliemae/ds-basic/Button');
17
+ var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
18
+ var dsIcons = require('@elliemae/ds-icons');
19
+ var DSButton = require('@elliemae/ds-button');
14
20
  var style = require('./style.js');
15
21
  var types = require('./components/types.js');
16
22
  var jsxRuntime = require('react/jsx-runtime');
@@ -20,9 +26,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
20
26
  var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
21
27
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
22
28
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
23
- var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
24
- var LoanProducts__default = /*#__PURE__*/_interopDefaultLegacy(LoanProducts);
25
- var MoreOptionsVert__default = /*#__PURE__*/_interopDefaultLegacy(MoreOptionsVert);
26
29
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
27
30
 
28
31
  var _MoreOptionsVert;
@@ -45,7 +48,7 @@ const DSCardNavigation = _ref => {
45
48
  } = _ref,
46
49
  rest = _objectWithoutProperties__default["default"](_ref, _excluded);
47
50
 
48
- return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/jsxRuntime.jsxs(style.StyledCardNavigationBoxWrapper, _objectSpread(_objectSpread(_objectSpread({
51
+ return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/jsxRuntime.jsxs(style.StyledCardNavigationBoxWrapper, _objectSpread(_objectSpread(_objectSpread({
49
52
  role: "button",
50
53
  tabIndex: 0
51
54
  }, rest), containerProps), {}, {
@@ -53,14 +56,14 @@ const DSCardNavigation = _ref => {
53
56
  type: type
54
57
  }, void 0, /*#__PURE__*/_jsx__default["default"](Icon, {
55
58
  size: "l"
56
- })), /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationCentralContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationContentTitleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationContentTitle, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
59
+ })), /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationCentralContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationContentTitleWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationContentTitle, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.DSTruncatedTooltipText, {
57
60
  value: title
58
- })), /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationContentDescription, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
61
+ })), /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationContentDescription, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.DSTruncatedTooltipText, {
59
62
  value: description,
60
63
  "data-testid": "ds-card-navigation--description"
61
64
  })))), actions.length > 0 && /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationActions, {}, void 0, actions.map((_ref2, key) => {
62
65
  let {
63
- icon = _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](MoreOptionsVert__default["default"], {
66
+ icon = _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
64
67
  "aria-label": "More options"
65
68
  }))
66
69
  } = _ref2,
@@ -78,7 +81,7 @@ const DSCardNavigation = _ref => {
78
81
 
79
82
  DSCardNavigation.defaultProps = {
80
83
  type: types.CardNavigationTypes.BORROWER,
81
- Icon: LoanProducts__default["default"]
84
+ Icon: dsIcons.LoanProducts
82
85
  };
83
86
  const props = {
84
87
  /** props to inject to card navigation wrapper */
package/cjs/style.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styled = require('styled-components');
6
- var dsCardNavigation = require('@elliemae/ds-card-navigation');
6
+ var types = require('./components/types.js');
7
7
 
8
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
9
 
@@ -29,9 +29,12 @@ const StyledCardNavigationBoxWrapper = /*#__PURE__*/styled__default["default"].d
29
29
  })(["width:337px;display:flex;flex-direction:row;flex-wrap:nowrap;box-shadow:0 1px 4px 0px rgba(37,41,47,0.5);border-radius:2px;position:relative;outline:none;", ";@media (max-width:", "){width:", ";}:after{display:block;content:'';position:absolute;height:100%;width:100%;top:0;left:0;border:solid ", " transparent;border-radius:2px;pointer-events:none;}&:hover,&:focus{box-shadow:0 3px 8px 0px rgba(37,41,47,0.4);}"], props => props.fluid ? 'width: 100%' : '', props => props.theme.breakpoints.small, props => props.fluid ? 'width: 100%' : '414px', props => props.theme.space.xxs);
30
30
  const StyledCardNavigationIcon = /*#__PURE__*/styled__default["default"].div.withConfig({
31
31
  componentId: "sc-jb13pp-6"
32
- })(["width:64px;height:64px;background-color:#32aad1;border-top-left-radius:2px;border-bottom-left-radius:2px;padding:", ";display:flex;align-items:center;justify-content:center;fill:#ffffff;background-color:", ";"], props => props.theme.space.xxs, ({
33
- type
34
- }) => type === dsCardNavigation.CardNavigationTypes.BORROWER && '#32aad1' || type === dsCardNavigation.CardNavigationTypes.FINANCIAL && '#1ba88d' || type === dsCardNavigation.CardNavigationTypes.LOAN && '#8e49b2' || type === dsCardNavigation.CardNavigationTypes.REGULATORY && '#db5575');
32
+ })(["width:64px;height:64px;background-color:#32aad1;border-top-left-radius:2px;border-bottom-left-radius:2px;padding:", ";display:flex;align-items:center;justify-content:center;fill:#ffffff;background-color:", ";"], props => props.theme.space.xxs, _ref => {
33
+ let {
34
+ type
35
+ } = _ref;
36
+ return type === types.CardNavigationTypes.BORROWER && '#32aad1' || type === types.CardNavigationTypes.FINANCIAL && '#1ba88d' || type === types.CardNavigationTypes.LOAN && '#8e49b2' || type === types.CardNavigationTypes.REGULATORY && '#db5575';
37
+ });
35
38
  const StyledCardNavigationActions = /*#__PURE__*/styled__default["default"].div.withConfig({
36
39
  componentId: "sc-jb13pp-7"
37
40
  })(["display:flex;flex-direction:row;align-items:center;padding-right:", ";"], props => props.theme.space.xxs);
package/esm/DSCardNavigation.js CHANGED
@@ -1,12 +1,18 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
2
  import _jsx from '@babel/runtime/helpers/esm/jsx';
3
3
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
4
+ import 'core-js/modules/esnext.async-iterator.map.js';
5
+ import 'core-js/modules/esnext.iterator.map.js';
6
+ import 'core-js/modules/esnext.async-iterator.filter.js';
7
+ import 'core-js/modules/esnext.iterator.constructor.js';
8
+ import 'core-js/modules/esnext.iterator.filter.js';
9
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
10
+ import 'core-js/modules/esnext.iterator.for-each.js';
4
11
  import 'react';
5
12
  import { PropTypes, describe } from 'react-desc';
6
- import DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-basic/TruncatedTooltipText';
7
- import LoanProducts from '@elliemae/ds-icons/LoanProducts';
8
- import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
9
- import DSButton, { BUTTON_TYPE, BUTTON_SIZE } from '@elliemae/ds-basic/Button';
13
+ import { TooltipTextProvider, DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
14
+ import { LoanProducts, MoreOptionsVert } from '@elliemae/ds-icons';
15
+ import DSButton, { BUTTON_TYPE, BUTTON_SIZE } from '@elliemae/ds-button';
10
16
  import { StyledCardNavigationBoxWrapper, StyledCardNavigationIcon, StyledCardNavigationCentralContent, StyledCardNavigationContent, StyledCardNavigationContentTitleWrapper, StyledCardNavigationContentTitle, StyledCardNavigationContentDescription, StyledCardNavigationActions, StyledCardNavigationAction } from './style.js';
11
17
  import { CardNavigationTypes, CardNavigationTypesValues } from './components/types.js';
12
18
  export { CardNavigationTypes, CardNavigationTypesValues } from './components/types.js';
package/esm/style.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import styled from 'styled-components';
2
- import { CardNavigationTypes } from '@elliemae/ds-card-navigation';
2
+ import { CardNavigationTypes } from './components/types.js';
3
3
 
4
4
  const StyledCardNavigationContentTitle = /*#__PURE__*/styled.div.withConfig({
5
5
  componentId: "sc-jb13pp-0"
@@ -21,9 +21,12 @@ const StyledCardNavigationBoxWrapper = /*#__PURE__*/styled.div.withConfig({
21
21
  })(["width:337px;display:flex;flex-direction:row;flex-wrap:nowrap;box-shadow:0 1px 4px 0px rgba(37,41,47,0.5);border-radius:2px;position:relative;outline:none;", ";@media (max-width:", "){width:", ";}:after{display:block;content:'';position:absolute;height:100%;width:100%;top:0;left:0;border:solid ", " transparent;border-radius:2px;pointer-events:none;}&:hover,&:focus{box-shadow:0 3px 8px 0px rgba(37,41,47,0.4);}"], props => props.fluid ? 'width: 100%' : '', props => props.theme.breakpoints.small, props => props.fluid ? 'width: 100%' : '414px', props => props.theme.space.xxs);
22
22
  const StyledCardNavigationIcon = /*#__PURE__*/styled.div.withConfig({
23
23
  componentId: "sc-jb13pp-6"
24
- })(["width:64px;height:64px;background-color:#32aad1;border-top-left-radius:2px;border-bottom-left-radius:2px;padding:", ";display:flex;align-items:center;justify-content:center;fill:#ffffff;background-color:", ";"], props => props.theme.space.xxs, ({
25
- type
26
- }) => type === CardNavigationTypes.BORROWER && '#32aad1' || type === CardNavigationTypes.FINANCIAL && '#1ba88d' || type === CardNavigationTypes.LOAN && '#8e49b2' || type === CardNavigationTypes.REGULATORY && '#db5575');
24
+ })(["width:64px;height:64px;background-color:#32aad1;border-top-left-radius:2px;border-bottom-left-radius:2px;padding:", ";display:flex;align-items:center;justify-content:center;fill:#ffffff;background-color:", ";"], props => props.theme.space.xxs, _ref => {
25
+ let {
26
+ type
27
+ } = _ref;
28
+ return type === CardNavigationTypes.BORROWER && '#32aad1' || type === CardNavigationTypes.FINANCIAL && '#1ba88d' || type === CardNavigationTypes.LOAN && '#8e49b2' || type === CardNavigationTypes.REGULATORY && '#db5575';
29
+ });
27
30
  const StyledCardNavigationActions = /*#__PURE__*/styled.div.withConfig({
28
31
  componentId: "sc-jb13pp-7"
29
32
  })(["display:flex;flex-direction:row;align-items:center;padding-right:", ";"], props => props.theme.space.xxs);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-card-navigation",
3
- "version": "2.0.0-alpha.9",
3
+ "version": "2.0.0-next.11",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Card Navigation",
6
6
  "module": "./esm/index.js",
@@ -44,13 +44,21 @@
44
44
  "build": "node ../../scripts/build/build.js"
45
45
  },
46
46
  "dependencies": {
47
- "@elliemae/ds-basic": "2.0.0-alpha.9",
48
- "@elliemae/ds-classnames": "2.0.0-alpha.9"
47
+ "@elliemae/ds-basic": "2.0.0-next.11",
48
+ "@elliemae/ds-classnames": "2.0.0-next.11",
49
+ "@elliemae/ds-icons": "2.0.0-next.11",
50
+ "react-desc": "~4.1.3"
51
+ },
52
+ "devDependencies": {
53
+ "@elliemae/pui-theme": "~2.2.5",
54
+ "styled-components": "~5.3.0"
49
55
  },
50
56
  "peerDependencies": {
57
+ "@elliemae/pui-theme": "^2.2.5",
51
58
  "lodash": "^4.17.21",
52
59
  "react": "~17.0.2",
53
- "react-dom": "^17.0.2"
60
+ "react-dom": "^17.0.2",
61
+ "styled-components": "^5.3.0"
54
62
  },
55
63
  "publishConfig": {
56
64
  "access": "public",
package/types/DSCardNavigation.d.ts CHANGED
@@ -12,7 +12,7 @@ declare const DSCardNavigation: {
12
12
  }): JSX.Element;
13
13
  defaultProps: {
14
14
  type: string;
15
- Icon: any;
15
+ Icon: (rest: any) => JSX.Element;
16
16
  };
17
17
  propTypes: {
18
18
  /** props to inject to card navigation wrapper */
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }