@elliemae/ds-card-navigation 2.0.0-alpha.1 → 2.0.0-alpha.13
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.
- package/cjs/DSCardNavigation.js +23 -20
- package/cjs/index.js +1 -1
- package/cjs/style.js +16 -13
- package/esm/DSCardNavigation.js +10 -4
- package/esm/style.js +7 -4
- package/package.json +14 -4
- package/types/DSCardNavigation.d.ts +51 -8
- package/types/style.d.ts +9 -9
- package/cjs/package.json +0 -7
- 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
|
|
11
|
-
var
|
|
12
|
-
var
|
|
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;
|
|
@@ -32,7 +35,7 @@ const _excluded = ["containerProps", "title", "description", "type", "Icon", "ac
|
|
|
32
35
|
|
|
33
36
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
34
37
|
|
|
35
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
38
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
36
39
|
|
|
37
40
|
const DSCardNavigation = _ref => {
|
|
38
41
|
let {
|
|
@@ -43,30 +46,30 @@ const DSCardNavigation = _ref => {
|
|
|
43
46
|
Icon,
|
|
44
47
|
actions = []
|
|
45
48
|
} = _ref,
|
|
46
|
-
rest = _objectWithoutProperties__default[
|
|
49
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
47
50
|
|
|
48
|
-
return /*#__PURE__*/_jsx__default[
|
|
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), {}, {
|
|
52
|
-
children: [/*#__PURE__*/_jsx__default[
|
|
55
|
+
children: [/*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationIcon, {
|
|
53
56
|
type: type
|
|
54
|
-
}, void 0, /*#__PURE__*/_jsx__default[
|
|
57
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
55
58
|
size: "l"
|
|
56
|
-
})), /*#__PURE__*/_jsx__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[
|
|
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
|
-
})))), actions.length > 0 && /*#__PURE__*/_jsx__default[
|
|
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[
|
|
66
|
+
icon = _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
|
|
64
67
|
"aria-label": "More options"
|
|
65
68
|
}))
|
|
66
69
|
} = _ref2,
|
|
67
|
-
otherProps = _objectWithoutProperties__default[
|
|
70
|
+
otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded2);
|
|
68
71
|
|
|
69
|
-
return /*#__PURE__*/_jsx__default[
|
|
72
|
+
return /*#__PURE__*/_jsx__default["default"](style.StyledCardNavigationAction, {}, key, /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({
|
|
70
73
|
icon: icon
|
|
71
74
|
}, otherProps), {}, {
|
|
72
75
|
buttonType: DSButton.BUTTON_TYPE.TEXT,
|
|
@@ -78,7 +81,7 @@ const DSCardNavigation = _ref => {
|
|
|
78
81
|
|
|
79
82
|
DSCardNavigation.defaultProps = {
|
|
80
83
|
type: types.CardNavigationTypes.BORROWER,
|
|
81
|
-
Icon:
|
|
84
|
+
Icon: dsIcons.LoanProducts
|
|
82
85
|
};
|
|
83
86
|
const props = {
|
|
84
87
|
/** props to inject to card navigation wrapper */
|
|
@@ -108,4 +111,4 @@ DSCardNavigationWithSchema.propTypes = props;
|
|
|
108
111
|
exports.CardNavigationTypes = types.CardNavigationTypes;
|
|
109
112
|
exports.CardNavigationTypesValues = types.CardNavigationTypesValues;
|
|
110
113
|
exports.DSCardNavigationWithSchema = DSCardNavigationWithSchema;
|
|
111
|
-
exports[
|
|
114
|
+
exports["default"] = DSCardNavigation;
|
package/cjs/index.js
CHANGED
|
@@ -8,6 +8,6 @@ var types = require('./components/types.js');
|
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
exports.DSCardNavigationWithSchema = DSCardNavigation.DSCardNavigationWithSchema;
|
|
11
|
-
exports
|
|
11
|
+
exports["default"] = DSCardNavigation["default"];
|
|
12
12
|
exports.CardNavigationTypes = types.CardNavigationTypes;
|
|
13
13
|
exports.CardNavigationTypesValues = types.CardNavigationTypesValues;
|
package/cjs/style.js
CHANGED
|
@@ -3,39 +3,42 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var styled = require('styled-components');
|
|
6
|
-
var
|
|
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
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
11
|
|
|
12
|
-
const StyledCardNavigationContentTitle = /*#__PURE__*/styled__default[
|
|
12
|
+
const StyledCardNavigationContentTitle = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
13
13
|
componentId: "sc-jb13pp-0"
|
|
14
14
|
})(["padding-top:", ";font-weight:", ";font-size:18px;color:", ";"], props => props.theme.space.xxs, props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral['700']);
|
|
15
|
-
const StyledCardNavigationContentDescription = /*#__PURE__*/styled__default[
|
|
15
|
+
const StyledCardNavigationContentDescription = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
16
16
|
componentId: "sc-jb13pp-1"
|
|
17
17
|
})(["color:", ";font-size:12px;"], props => props.theme.colors.neutral['500']);
|
|
18
|
-
const StyledCardNavigationContentTitleWrapper = /*#__PURE__*/styled__default[
|
|
18
|
+
const StyledCardNavigationContentTitleWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
19
19
|
componentId: "sc-jb13pp-2"
|
|
20
20
|
})(["width:100%;"]);
|
|
21
|
-
const StyledCardNavigationContent = /*#__PURE__*/styled__default[
|
|
21
|
+
const StyledCardNavigationContent = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
22
22
|
componentId: "sc-jb13pp-3"
|
|
23
23
|
})(["padding-right:", ";padding-left:", ";display:flex;align-items:center;flex:1;overflow:hidden;"], props => props.theme.space.xs, props => props.theme.space.xs);
|
|
24
|
-
const StyledCardNavigationCentralContent = /*#__PURE__*/styled__default[
|
|
24
|
+
const StyledCardNavigationCentralContent = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
25
25
|
componentId: "sc-jb13pp-4"
|
|
26
26
|
})(["width:273px;display:flex;@media (max-width:", "){width:336px;}"], props => props.theme.breakpoints.small);
|
|
27
|
-
const StyledCardNavigationBoxWrapper = /*#__PURE__*/styled__default[
|
|
27
|
+
const StyledCardNavigationBoxWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
28
28
|
componentId: "sc-jb13pp-5"
|
|
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
|
-
const StyledCardNavigationIcon = /*#__PURE__*/styled__default[
|
|
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
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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
|
+
});
|
|
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);
|
|
38
|
-
const StyledCardNavigationAction = /*#__PURE__*/styled__default[
|
|
41
|
+
const StyledCardNavigationAction = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
39
42
|
componentId: "sc-jb13pp-8"
|
|
40
43
|
})(["margin-left:", ";span{height:", ";width:", ";svg{fill:", ";height:", ";width:", ";}}"], props => props.theme.space.xxs, props => props.theme.space.s, props => props.theme.space.s, props => props.theme.colors.neutral[500], props => props.theme.space.s, props => props.theme.space.s);
|
|
41
44
|
|
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
|
|
7
|
-
import LoanProducts from '@elliemae/ds-icons
|
|
8
|
-
import
|
|
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 '
|
|
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
|
-
|
|
26
|
-
|
|
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.
|
|
3
|
+
"version": "2.0.0-alpha.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Card Navigation",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -44,13 +44,23 @@
|
|
|
44
44
|
"build": "node ../../scripts/build/build.js"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@elliemae/ds-
|
|
48
|
-
"@elliemae/ds-
|
|
47
|
+
"@elliemae/ds-button": "2.0.0-alpha.13",
|
|
48
|
+
"@elliemae/ds-icons": "2.0.0-alpha.13",
|
|
49
|
+
"@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.13",
|
|
50
|
+
"react-desc": "~4.1.3"
|
|
51
|
+
},
|
|
52
|
+
"devDependencies": {
|
|
53
|
+
"@elliemae/pui-theme": "~2.2.5",
|
|
54
|
+
"@testing-library/jest-dom": "~5.15.0",
|
|
55
|
+
"@testing-library/react": "~12.1.2",
|
|
56
|
+
"styled-components": "~5.3.0"
|
|
49
57
|
},
|
|
50
58
|
"peerDependencies": {
|
|
59
|
+
"@elliemae/pui-theme": "^2.2.5",
|
|
51
60
|
"lodash": "^4.17.21",
|
|
52
61
|
"react": "~17.0.2",
|
|
53
|
-
"react-dom": "^17.0.2"
|
|
62
|
+
"react-dom": "^17.0.2",
|
|
63
|
+
"styled-components": "^5.3.0"
|
|
54
64
|
},
|
|
55
65
|
"publishConfig": {
|
|
56
66
|
"access": "public",
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
1
2
|
/// <reference types="react" />
|
|
2
3
|
import { CardNavigationTypes, CardNavigationTypesValues } from './components/types';
|
|
3
4
|
declare const DSCardNavigation: {
|
|
@@ -12,23 +13,65 @@ declare const DSCardNavigation: {
|
|
|
12
13
|
}): JSX.Element;
|
|
13
14
|
defaultProps: {
|
|
14
15
|
type: string;
|
|
15
|
-
Icon: any;
|
|
16
|
+
Icon: (rest: any) => JSX.Element;
|
|
16
17
|
};
|
|
17
18
|
propTypes: {
|
|
18
19
|
/** props to inject to card navigation wrapper */
|
|
19
|
-
containerProps:
|
|
20
|
+
containerProps: {
|
|
21
|
+
defaultValue<T = unknown>(arg: T): {
|
|
22
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
+
};
|
|
24
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
25
|
+
};
|
|
20
26
|
/** card navigation title */
|
|
21
|
-
title:
|
|
27
|
+
title: {
|
|
28
|
+
defaultValue<T = unknown>(arg: T): {
|
|
29
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
30
|
+
};
|
|
31
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
32
|
+
};
|
|
22
33
|
/** card navigation main icon */
|
|
23
|
-
Icon:
|
|
34
|
+
Icon: {
|
|
35
|
+
defaultValue<T = unknown>(arg: T): {
|
|
36
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
37
|
+
};
|
|
38
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
39
|
+
};
|
|
24
40
|
/** card navigation description */
|
|
25
|
-
description:
|
|
41
|
+
description: {
|
|
42
|
+
defaultValue<T = unknown>(arg: T): {
|
|
43
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
44
|
+
};
|
|
45
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
46
|
+
};
|
|
26
47
|
/** card navigation type */
|
|
27
|
-
type:
|
|
48
|
+
type: {
|
|
49
|
+
defaultValue<T = unknown>(arg: T): {
|
|
50
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
+
};
|
|
52
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
53
|
+
};
|
|
28
54
|
/** card navigation actions array */
|
|
29
|
-
actions:
|
|
55
|
+
actions: {
|
|
56
|
+
defaultValue<T = unknown>(arg: T): {
|
|
57
|
+
deprecated: import("react-desc").PropTypesDescValidator;
|
|
58
|
+
};
|
|
59
|
+
isRequired: import("react-desc").PropTypesDescValidator;
|
|
60
|
+
};
|
|
30
61
|
};
|
|
31
62
|
};
|
|
32
|
-
declare const DSCardNavigationWithSchema:
|
|
63
|
+
declare const DSCardNavigationWithSchema: {
|
|
64
|
+
(props?: {
|
|
65
|
+
[x: string]: any;
|
|
66
|
+
containerProps?: {} | undefined;
|
|
67
|
+
title?: string | undefined;
|
|
68
|
+
description?: string | undefined;
|
|
69
|
+
type: any;
|
|
70
|
+
Icon: any;
|
|
71
|
+
actions?: never[] | undefined;
|
|
72
|
+
} | undefined): JSX.Element;
|
|
73
|
+
propTypes: unknown;
|
|
74
|
+
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
75
|
+
};
|
|
33
76
|
export { CardNavigationTypes, CardNavigationTypesValues, DSCardNavigationWithSchema };
|
|
34
77
|
export default DSCardNavigation;
|
package/types/style.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export declare const StyledCardNavigationContentTitle: import("styled-components").StyledComponent<"div",
|
|
2
|
-
export declare const StyledCardNavigationContentDescription: import("styled-components").StyledComponent<"div",
|
|
3
|
-
export declare const StyledCardNavigationContentTitleWrapper: import("styled-components").StyledComponent<"div",
|
|
4
|
-
export declare const StyledCardNavigationContent: import("styled-components").StyledComponent<"div",
|
|
5
|
-
export declare const StyledCardNavigationCentralContent: import("styled-components").StyledComponent<"div",
|
|
6
|
-
export declare const StyledCardNavigationBoxWrapper: import("styled-components").StyledComponent<"div",
|
|
7
|
-
export declare const StyledCardNavigationIcon: import("styled-components").StyledComponent<"div",
|
|
8
|
-
export declare const StyledCardNavigationActions: import("styled-components").StyledComponent<"div",
|
|
9
|
-
export declare const StyledCardNavigationAction: import("styled-components").StyledComponent<"div",
|
|
1
|
+
export declare const StyledCardNavigationContentTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const StyledCardNavigationContentDescription: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const StyledCardNavigationContentTitleWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const StyledCardNavigationContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const StyledCardNavigationCentralContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledCardNavigationBoxWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const StyledCardNavigationIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const StyledCardNavigationActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
+
export declare const StyledCardNavigationAction: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
package/cjs/package.json
DELETED