@elliemae/ds-label-value 1.57.1-rc.0 → 2.0.0-alpha.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 (52) hide show
  1. package/cjs/DSLabelValue.js +14 -23
  2. package/cjs/components/Group.js +30 -35
  3. package/cjs/components/Label.js +30 -35
  4. package/cjs/components/Value.js +38 -42
  5. package/cjs/components/Wrapper.js +40 -40
  6. package/cjs/components/defaultProps.js +5 -6
  7. package/cjs/components/props.js +5 -6
  8. package/cjs/index.js +10 -19
  9. package/esm/DSLabelValue.js +5 -14
  10. package/esm/components/Group.js +21 -25
  11. package/esm/components/Label.js +21 -25
  12. package/esm/components/Value.js +29 -32
  13. package/esm/components/Wrapper.js +30 -30
  14. package/esm/components/defaultProps.js +5 -6
  15. package/esm/components/props.js +5 -6
  16. package/esm/index.js +0 -9
  17. package/package.json +55 -10
  18. package/types/DSLabelValue.d.ts +106 -0
  19. package/types/components/Group.d.ts +20 -0
  20. package/types/components/Label.d.ts +20 -0
  21. package/types/components/Value.d.ts +26 -0
  22. package/types/components/Wrapper.d.ts +26 -0
  23. package/types/components/defaultProps.d.ts +20 -0
  24. package/types/components/props.d.ts +33 -0
  25. package/types/index.d.ts +1 -0
  26. package/DSLabelValue/package.json +0 -10
  27. package/cjs/DSLabelValue.js.map +0 -1
  28. package/cjs/components/Group.js.map +0 -1
  29. package/cjs/components/Label.js.map +0 -1
  30. package/cjs/components/Value.js.map +0 -1
  31. package/cjs/components/Wrapper.js.map +0 -1
  32. package/cjs/components/defaultProps.js.map +0 -1
  33. package/cjs/components/props.js.map +0 -1
  34. package/cjs/index.js.map +0 -1
  35. package/cjs/prop-types-15287a6f.js +0 -31
  36. package/cjs/prop-types-15287a6f.js.map +0 -1
  37. package/components/Group/package.json +0 -10
  38. package/components/Label/package.json +0 -10
  39. package/components/Value/package.json +0 -10
  40. package/components/Wrapper/package.json +0 -10
  41. package/components/defaultProps/package.json +0 -10
  42. package/components/props/package.json +0 -10
  43. package/esm/DSLabelValue.js.map +0 -1
  44. package/esm/components/Group.js.map +0 -1
  45. package/esm/components/Label.js.map +0 -1
  46. package/esm/components/Value.js.map +0 -1
  47. package/esm/components/Wrapper.js.map +0 -1
  48. package/esm/components/defaultProps.js.map +0 -1
  49. package/esm/components/props.js.map +0 -1
  50. package/esm/index.js.map +0 -1
  51. package/esm/prop-types-2c19033d.js +0 -26
  52. package/esm/prop-types-2c19033d.js.map +0 -1
@@ -1,43 +1,40 @@
1
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
- import React from 'react';
1
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
2
+ import 'react';
3
3
  import { describe } from 'react-desc';
4
4
  import { aggregatedClasses } from '@elliemae/ds-classnames';
5
5
  import { valueProps } from './props.js';
6
6
  import { valueDefault } from './defaultProps.js';
7
- import '../prop-types-2c19033d.js';
8
7
 
9
- var blockName = 'labelValue';
10
- var ValueStyled = aggregatedClasses('div')(blockName, 'value', function (_ref) {
11
- var _ref2;
8
+ const blockName = 'labelValue';
9
+ const ValueStyled = aggregatedClasses('div')(blockName, 'value', ({
10
+ size,
11
+ valuePosition,
12
+ valueColor,
13
+ semibold
14
+ }) => ({
15
+ [size]: size,
16
+ [valuePosition]: valuePosition,
17
+ [valueColor]: valueColor,
18
+ semibold
19
+ }));
12
20
 
13
- var size = _ref.size,
14
- valuePosition = _ref.valuePosition,
15
- valueColor = _ref.valueColor,
16
- semibold = _ref.semibold;
17
- return _ref2 = {}, _defineProperty(_ref2, size, size), _defineProperty(_ref2, valuePosition, valuePosition), _defineProperty(_ref2, valueColor, valueColor), _defineProperty(_ref2, "semibold", semibold), _ref2;
18
- });
21
+ const Value = ({
22
+ children,
23
+ position: valuePosition,
24
+ size,
25
+ color: valueColor,
26
+ semibold = false
27
+ }) => /*#__PURE__*/_jsx(ValueStyled, {
28
+ classProps: {
29
+ size,
30
+ valuePosition,
31
+ valueColor,
32
+ semibold
33
+ }
34
+ }, void 0, /*#__PURE__*/_jsx("span", {}, void 0, children));
19
35
 
20
- var Value = function Value(_ref3) {
21
- var children = _ref3.children,
22
- valuePosition = _ref3.position,
23
- size = _ref3.size,
24
- valueColor = _ref3.color,
25
- _ref3$semibold = _ref3.semibold,
26
- semibold = _ref3$semibold === void 0 ? false : _ref3$semibold;
27
- return /*#__PURE__*/React.createElement(ValueStyled, {
28
- classProps: {
29
- size: size,
30
- valuePosition: valuePosition,
31
- valueColor: valueColor,
32
- semibold: semibold
33
- }
34
- }, /*#__PURE__*/React.createElement("span", null, children));
35
- };
36
-
37
- Value.propTypes = valueProps;
38
36
  Value.defaultProps = valueDefault;
39
- var ValueWithSchema = describe(Value);
37
+ const ValueWithSchema = describe(Value);
40
38
  ValueWithSchema.propTypes = valueProps;
41
39
 
42
40
  export { ValueWithSchema, Value as default };
43
- //# sourceMappingURL=Value.js.map
@@ -1,41 +1,41 @@
1
- import _extends from '@babel/runtime/helpers/esm/extends';
2
- import React from 'react';
1
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
2
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
3
+ import 'react';
3
4
  import { describe } from 'react-desc';
4
5
  import { aggregatedClasses } from '@elliemae/ds-classnames';
5
6
  import { wrapperProps } from './props.js';
6
7
  import { wrapperDefault } from './defaultProps.js';
7
- import '../prop-types-2c19033d.js';
8
+ import { jsx } from 'react/jsx-runtime';
8
9
 
9
- var blockName = 'labelValue';
10
- var LabelValueWrapper = aggregatedClasses('div')(blockName, 'label-value-wrapper', function () {
11
- return null;
12
- });
13
- var Container = aggregatedClasses('div')(blockName, 'wrapper', function (_ref) {
14
- var inverted = _ref.inverted;
15
- return {
16
- inverted: inverted
17
- };
18
- });
10
+ 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; }
19
11
 
20
- var Wrapper = function Wrapper(_ref2) {
21
- var containerProps = _ref2.containerProps,
22
- children = _ref2.children,
23
- className = _ref2.className,
24
- icon = _ref2.icon,
25
- inverted = _ref2.inverted;
26
- return /*#__PURE__*/React.createElement(Container, {
27
- classProps: {
28
- inverted: inverted
29
- }
30
- }, icon, /*#__PURE__*/React.createElement(LabelValueWrapper, _extends({
31
- className: className
32
- }, containerProps), children));
33
- };
12
+ 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(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; }
13
+ const blockName = 'labelValue';
14
+ const LabelValueWrapper = aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);
15
+ const Container = aggregatedClasses('div')(blockName, 'wrapper', ({
16
+ inverted
17
+ }) => ({
18
+ inverted
19
+ }));
20
+
21
+ const Wrapper = ({
22
+ containerProps,
23
+ children,
24
+ className,
25
+ icon,
26
+ inverted
27
+ }) => /*#__PURE__*/_jsx(Container, {
28
+ classProps: {
29
+ inverted
30
+ }
31
+ }, void 0, icon, /*#__PURE__*/jsx(LabelValueWrapper, _objectSpread(_objectSpread({
32
+ className: className
33
+ }, containerProps), {}, {
34
+ children: children
35
+ })));
34
36
 
35
- Wrapper.propTypes = wrapperProps;
36
37
  Wrapper.defaultProps = wrapperDefault;
37
- var WrapperWithSchema = describe(Wrapper);
38
+ const WrapperWithSchema = describe(Wrapper);
38
39
  WrapperWithSchema.propTypes = wrapperProps;
39
40
 
40
41
  export { WrapperWithSchema, Wrapper as default };
41
- //# sourceMappingURL=Wrapper.js.map
@@ -1,20 +1,20 @@
1
- import { o as orientationVariants, p as position, f as fontColor, s as sizeVariants } from '../prop-types-2c19033d.js';
1
+ import { orientationVariants, position, fontColor, sizeVariants } from '@elliemae/ds-shared/prop-types';
2
2
 
3
- var groupDefault = {
3
+ const groupDefault = {
4
4
  inline: false,
5
5
  orientation: orientationVariants.VERTICAL
6
6
  };
7
- var labelDefault = {
7
+ const labelDefault = {
8
8
  position: position.LEFT,
9
9
  color: fontColor.NEUTRAL500
10
10
  };
11
- var valueDefault = {
11
+ const valueDefault = {
12
12
  position: position.LEFT,
13
13
  size: sizeVariants.M,
14
14
  color: fontColor.NEUTRAL700,
15
15
  semibold: false
16
16
  };
17
- var wrapperDefault = {
17
+ const wrapperDefault = {
18
18
  containerProps: {},
19
19
  className: '',
20
20
  icon: null,
@@ -22,4 +22,3 @@ var wrapperDefault = {
22
22
  };
23
23
 
24
24
  export { groupDefault, labelDefault, valueDefault, wrapperDefault };
25
- //# sourceMappingURL=defaultProps.js.map
@@ -1,7 +1,7 @@
1
1
  import { PropTypes } from 'react-desc';
2
- import { p as position, f as fontColor, s as sizeVariants } from '../prop-types-2c19033d.js';
2
+ import { position, fontColor, sizeVariants } from '@elliemae/ds-shared/prop-types';
3
3
 
4
- var groupProps = {
4
+ const groupProps = {
5
5
  /**
6
6
  * The elements to be wrapped
7
7
  */
@@ -17,19 +17,19 @@ var groupProps = {
17
17
  */
18
18
  orientation: PropTypes.string.description("'vertical' or 'horizontal'")
19
19
  };
20
- var labelProps = {
20
+ const labelProps = {
21
21
  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).description('Label element').isRequired,
22
22
  position: PropTypes.string.description('labels position').defaultValue(position.LEFT),
23
23
  color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500)
24
24
  };
25
- var wrapperProps = {
25
+ const wrapperProps = {
26
26
  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
27
27
  className: PropTypes.string.description('html class attribute'),
28
28
  icon: PropTypes.element.description('Icon to be attached near value'),
29
29
  inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),
30
30
  children: PropTypes.element.description('label value').isRequired
31
31
  };
32
- var valueProps = {
32
+ const valueProps = {
33
33
  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).description('value element').isRequired,
34
34
  size: PropTypes.func.description('values size').defaultValue(sizeVariants.M),
35
35
  position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),
@@ -38,4 +38,3 @@ var valueProps = {
38
38
  };
39
39
 
40
40
  export { groupProps, labelProps, valueProps, wrapperProps };
41
- //# sourceMappingURL=props.js.map
package/esm/index.js CHANGED
@@ -3,12 +3,3 @@ export { WrapperWithSchema } from './components/Wrapper.js';
3
3
  export { GroupWithSchema } from './components/Group.js';
4
4
  export { LabelWithSchema } from './components/Label.js';
5
5
  export { ValueWithSchema } from './components/Value.js';
6
- import '@babel/runtime/helpers/esm/extends';
7
- import 'react';
8
- import 'react-desc';
9
- import '@elliemae/ds-classnames';
10
- import './components/props.js';
11
- import './prop-types-2c19033d.js';
12
- import './components/defaultProps.js';
13
- import '@babel/runtime/helpers/esm/defineProperty';
14
- //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,14 +1,58 @@
1
1
  {
2
2
  "name": "@elliemae/ds-label-value",
3
- "version": "1.57.1-rc.0",
3
+ "version": "2.0.0-alpha.11",
4
4
  "license": "MIT",
5
- "description": "Ellie Mae - Dim Sum - Label value",
6
- "module": "esm/index.js",
7
- "main": "cjs/index.js",
5
+ "description": "ICE MT - Dimsum - Label value",
6
+ "module": "./esm/index.js",
7
+ "main": "./cjs/index.js",
8
+ "types": "./types/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "import": "./esm/index.js",
12
+ "require": "./cjs/index.js"
13
+ },
14
+ "./DSLabelValue": {
15
+ "import": "./esm/DSLabelValue.js",
16
+ "require": "./cjs/DSLabelValue.js"
17
+ },
18
+ "./components/Wrapper": {
19
+ "import": "./esm/components/Wrapper.js",
20
+ "require": "./cjs/components/Wrapper.js"
21
+ },
22
+ "./components/Value": {
23
+ "import": "./esm/components/Value.js",
24
+ "require": "./cjs/components/Value.js"
25
+ },
26
+ "./components/props": {
27
+ "import": "./esm/components/props.js",
28
+ "require": "./cjs/components/props.js"
29
+ },
30
+ "./components/Label": {
31
+ "import": "./esm/components/Label.js",
32
+ "require": "./cjs/components/Label.js"
33
+ },
34
+ "./components/Group": {
35
+ "import": "./esm/components/Group.js",
36
+ "require": "./cjs/components/Group.js"
37
+ },
38
+ "./components/defaultProps": {
39
+ "import": "./esm/components/defaultProps.js",
40
+ "require": "./cjs/components/defaultProps.js"
41
+ }
42
+ },
8
43
  "sideEffects": [
9
44
  "*.css",
10
45
  "*.scss"
11
46
  ],
47
+ "repository": {
48
+ "type": "git",
49
+ "url": "https://git.elliemae.io/platform-ui/dimsum.git"
50
+ },
51
+ "engines": {
52
+ "npm": ">=7",
53
+ "node": ">=14"
54
+ },
55
+ "author": "ICE MT",
12
56
  "scripts": {
13
57
  "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
14
58
  "prebuild": "exit 0",
@@ -16,16 +60,17 @@
16
60
  "build": "node ../../scripts/build/build.js"
17
61
  },
18
62
  "dependencies": {
19
- "@elliemae/ds-classnames": "1.57.1-rc.0",
20
- "react-desc": "^4.1.2"
63
+ "@elliemae/ds-classnames": "2.0.0-alpha.11",
64
+ "react-desc": "^4.1.3"
21
65
  },
22
66
  "peerDependencies": {
23
- "lodash": "^4.17.20",
24
- "react": "^17.0.1",
25
- "react-dom": "^17.0.1"
67
+ "lodash": "^4.17.21",
68
+ "react": "^17.0.2",
69
+ "react-dom": "^17.0.2"
26
70
  },
27
71
  "publishConfig": {
28
72
  "access": "public",
29
- "directory": "dist"
73
+ "directory": "dist",
74
+ "generateSubmodules": true
30
75
  }
31
76
  }
@@ -0,0 +1,106 @@
1
+ /// <reference types="react" />
2
+ import { WrapperWithSchema } from './components/Wrapper';
3
+ import { GroupWithSchema } from './components/Group';
4
+ import { LabelWithSchema } from './components/Label';
5
+ import { ValueWithSchema } from './components/Value';
6
+ declare const DSLabelValue: {
7
+ ({ containerProps, children, className, icon, inverted }: {
8
+ containerProps: any;
9
+ children: any;
10
+ className: any;
11
+ icon: any;
12
+ inverted: any;
13
+ }): JSX.Element;
14
+ propTypes: {
15
+ containerProps: any;
16
+ className: any;
17
+ icon: any;
18
+ inverted: any;
19
+ children: any;
20
+ };
21
+ defaultProps: {
22
+ containerProps: {};
23
+ className: string;
24
+ icon: null;
25
+ inverted: boolean;
26
+ };
27
+ } & {
28
+ Group: {
29
+ ({ children, inline, orientation }: {
30
+ children: any;
31
+ inline: any;
32
+ orientation: any;
33
+ }): JSX.Element;
34
+ propTypes: {
35
+ children: any;
36
+ inline: any;
37
+ orientation: any;
38
+ };
39
+ defaultProps: {
40
+ inline: boolean;
41
+ orientation: any;
42
+ };
43
+ };
44
+ Wrapper: {
45
+ ({ containerProps, children, className, icon, inverted }: {
46
+ containerProps: any;
47
+ children: any;
48
+ className: any;
49
+ icon: any;
50
+ inverted: any;
51
+ }): JSX.Element;
52
+ propTypes: {
53
+ containerProps: any;
54
+ className: any;
55
+ icon: any;
56
+ inverted: any;
57
+ children: any;
58
+ };
59
+ defaultProps: {
60
+ containerProps: {};
61
+ className: string;
62
+ icon: null;
63
+ inverted: boolean;
64
+ };
65
+ };
66
+ Label: {
67
+ ({ children, position: labelPosition, color }: {
68
+ children: any;
69
+ position: any;
70
+ color: any;
71
+ }): JSX.Element;
72
+ propTypes: {
73
+ children: any;
74
+ position: any;
75
+ color: any;
76
+ };
77
+ defaultProps: {
78
+ position: any;
79
+ color: any;
80
+ };
81
+ };
82
+ Value: {
83
+ ({ children, position: valuePosition, size, color: valueColor, semibold, }: {
84
+ children: any;
85
+ position: any;
86
+ size: any;
87
+ color: any;
88
+ semibold?: boolean | undefined;
89
+ }): JSX.Element;
90
+ propTypes: {
91
+ children: any;
92
+ size: any;
93
+ position: any;
94
+ color: any;
95
+ semibold: any;
96
+ };
97
+ defaultProps: {
98
+ position: any;
99
+ size: any;
100
+ color: any;
101
+ semibold: boolean;
102
+ };
103
+ };
104
+ };
105
+ export { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };
106
+ export default DSLabelValue;
@@ -0,0 +1,20 @@
1
+ /// <reference types="react" />
2
+ declare const Group: {
3
+ ({ children, inline, orientation }: {
4
+ children: any;
5
+ inline: any;
6
+ orientation: any;
7
+ }): JSX.Element;
8
+ propTypes: {
9
+ children: any;
10
+ inline: any;
11
+ orientation: any;
12
+ };
13
+ defaultProps: {
14
+ inline: boolean;
15
+ orientation: any;
16
+ };
17
+ };
18
+ declare const GroupWithSchema: any;
19
+ export { GroupWithSchema };
20
+ export default Group;
@@ -0,0 +1,20 @@
1
+ /// <reference types="react" />
2
+ declare const Label: {
3
+ ({ children, position: labelPosition, color }: {
4
+ children: any;
5
+ position: any;
6
+ color: any;
7
+ }): JSX.Element;
8
+ propTypes: {
9
+ children: any;
10
+ position: any;
11
+ color: any;
12
+ };
13
+ defaultProps: {
14
+ position: any;
15
+ color: any;
16
+ };
17
+ };
18
+ declare const LabelWithSchema: any;
19
+ export { LabelWithSchema };
20
+ export default Label;
@@ -0,0 +1,26 @@
1
+ /// <reference types="react" />
2
+ declare const Value: {
3
+ ({ children, position: valuePosition, size, color: valueColor, semibold, }: {
4
+ children: any;
5
+ position: any;
6
+ size: any;
7
+ color: any;
8
+ semibold?: boolean | undefined;
9
+ }): JSX.Element;
10
+ propTypes: {
11
+ children: any;
12
+ size: any;
13
+ position: any;
14
+ color: any;
15
+ semibold: any;
16
+ };
17
+ defaultProps: {
18
+ position: any;
19
+ size: any;
20
+ color: any;
21
+ semibold: boolean;
22
+ };
23
+ };
24
+ declare const ValueWithSchema: any;
25
+ export { ValueWithSchema };
26
+ export default Value;
@@ -0,0 +1,26 @@
1
+ /// <reference types="react" />
2
+ declare const Wrapper: {
3
+ ({ containerProps, children, className, icon, inverted }: {
4
+ containerProps: any;
5
+ children: any;
6
+ className: any;
7
+ icon: any;
8
+ inverted: any;
9
+ }): JSX.Element;
10
+ propTypes: {
11
+ containerProps: any;
12
+ className: any;
13
+ icon: any;
14
+ inverted: any;
15
+ children: any;
16
+ };
17
+ defaultProps: {
18
+ containerProps: {};
19
+ className: string;
20
+ icon: null;
21
+ inverted: boolean;
22
+ };
23
+ };
24
+ declare const WrapperWithSchema: any;
25
+ export { WrapperWithSchema };
26
+ export default Wrapper;
@@ -0,0 +1,20 @@
1
+ export declare const groupDefault: {
2
+ inline: boolean;
3
+ orientation: any;
4
+ };
5
+ export declare const labelDefault: {
6
+ position: any;
7
+ color: any;
8
+ };
9
+ export declare const valueDefault: {
10
+ position: any;
11
+ size: any;
12
+ color: any;
13
+ semibold: boolean;
14
+ };
15
+ export declare const wrapperDefault: {
16
+ containerProps: {};
17
+ className: string;
18
+ icon: null;
19
+ inverted: boolean;
20
+ };
@@ -0,0 +1,33 @@
1
+ export declare const groupProps: {
2
+ /**
3
+ * The elements to be wrapped
4
+ */
5
+ children: any;
6
+ /**
7
+ * If the label value should be inline
8
+ */
9
+ inline: any;
10
+ /**
11
+ * 'vertical' or 'horizontal'
12
+ */
13
+ orientation: any;
14
+ };
15
+ export declare const labelProps: {
16
+ children: any;
17
+ position: any;
18
+ color: any;
19
+ };
20
+ export declare const wrapperProps: {
21
+ containerProps: any;
22
+ className: any;
23
+ icon: any;
24
+ inverted: any;
25
+ children: any;
26
+ };
27
+ export declare const valueProps: {
28
+ children: any;
29
+ size: any;
30
+ position: any;
31
+ color: any;
32
+ semibold: any;
33
+ };
@@ -0,0 +1 @@
1
+ export { default, default as DSLabelValue, WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema, } from './DSLabelValue';
@@ -1,10 +0,0 @@
1
- {
2
- "name": "@elliemae/ds-label-value/DSLabelValue",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ],
7
- "private": true,
8
- "main": "../cjs/DSLabelValue.js",
9
- "module": "../esm/DSLabelValue.js"
10
- }
@@ -1 +0,0 @@
1
- {"version":3,"file":"DSLabelValue.js","sources":["../../src/DSLabelValue.tsx"],"sourcesContent":["import Wrapper, { WrapperWithSchema } from './components/Wrapper';\nimport Group, { GroupWithSchema } from './components/Group';\nimport Label, { LabelWithSchema } from './components/Label';\nimport Value, { ValueWithSchema } from './components/Value';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n Group,\n Wrapper,\n Label,\n Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n"],"names":["DSLabelValue","Object","assign","Wrapper","Group","Label","Value"],"mappings":";;;;;;;;;;;;;;;;;IAKMA,YAAY,GAAGC,MAAM,CAACC,MAAP,CAAcC,6BAAd,EAAuB;AAC1CC,EAAAA,KAAK,EAALA,2BAD0C;AAE1CD,EAAAA,OAAO,EAAPA,6BAF0C;AAG1CE,EAAAA,KAAK,EAALA,2BAH0C;AAI1CC,EAAAA,KAAK,EAALA;AAJ0C,CAAvB;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.js","sources":["../../../src/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { groupProps } from './props';\nimport { groupDefault } from './defaultProps';\n\nconst blockName = 'labelValueGroup';\n\nconst WrapperGroup = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ orientation, inline }) => ({\n inline,\n [orientation]: orientation,\n }),\n);\n\nconst Group = ({ children, inline, orientation }) => (\n <WrapperGroup classProps={{ orientation, inline }}>{children}</WrapperGroup>\n);\n\nGroup.propTypes = groupProps;\nGroup.defaultProps = groupDefault;\n\nconst GroupWithSchema = describe(Group);\nGroupWithSchema.propTypes = groupProps;\n\nexport { GroupWithSchema };\nexport default Group;\n"],"names":["blockName","WrapperGroup","aggregatedClasses","orientation","inline","Group","children","React","propTypes","groupProps","defaultProps","groupDefault","GroupWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,iBAAlB;AAEA,IAAMC,YAAY,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CACnBF,SADmB,EAEnB,SAFmB,EAGnB;AAAA,MAAGG,WAAH,QAAGA,WAAH;AAAA,MAAgBC,MAAhB,QAAgBA,MAAhB;AAAA;AACEA,IAAAA,MAAM,EAANA;AADF,KAEGD,WAFH,EAEiBA,WAFjB;AAAA,CAHmB,CAArB;;IASME,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAaF,MAAb,SAAaA,MAAb;AAAA,MAAqBD,WAArB,SAAqBA,WAArB;AAAA,sBACZI,wCAAC,YAAD;AAAc,IAAA,UAAU,EAAE;AAAEJ,MAAAA,WAAW,EAAXA,WAAF;AAAeC,MAAAA,MAAM,EAANA;AAAf;AAA1B,KAAoDE,QAApD,CADY;AAAA;;AAIdD,KAAK,CAACG,SAAN,GAAkBC,2BAAlB;AACAJ,KAAK,CAACK,YAAN,GAAqBC,oCAArB;IAEMC,eAAe,GAAGC,kBAAQ,CAACR,KAAD;AAChCO,eAAe,CAACJ,SAAhB,GAA4BC,2BAA5B;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Label.js","sources":["../../../src/components/Label.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { labelProps } from './props';\nimport { labelDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelStyled = aggregatedClasses('div')(\n blockName,\n 'label',\n ({ labelPosition, labelColor }) => ({\n [labelPosition]: labelPosition,\n [labelColor]: labelColor,\n }),\n);\n\nconst Label = ({ children, position: labelPosition, color }) => (\n <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>\n);\n\nLabel.propTypes = labelProps;\nLabel.defaultProps = labelDefault;\n\nconst LabelWithSchema = describe(Label);\nLabelWithSchema.propTypes = labelProps;\n\nexport { LabelWithSchema };\nexport default Label;\n"],"names":["blockName","LabelStyled","aggregatedClasses","labelPosition","labelColor","Label","children","position","color","React","propTypes","labelProps","defaultProps","labelDefault","LabelWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,YAAlB;AAEA,IAAMC,WAAW,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAClBF,SADkB,EAElB,OAFkB,EAGlB;AAAA;;AAAA,MAAGG,aAAH,QAAGA,aAAH;AAAA,MAAkBC,UAAlB,QAAkBA,UAAlB;AAAA,gEACGD,aADH,EACmBA,aADnB,8CAEGC,UAFH,EAEgBA,UAFhB;AAAA,CAHkB,CAApB;;IASMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,MAAuBH,aAAvB,SAAaI,QAAb;AAAA,MAAsCC,KAAtC,SAAsCA,KAAtC;AAAA,sBACZC,wCAAC,WAAD;AAAa,IAAA,UAAU,EAAE;AAAEN,MAAAA,aAAa,EAAbA,aAAF;AAAiBK,MAAAA,KAAK,EAALA;AAAjB;AAAzB,KAAoDF,QAApD,CADY;AAAA;;AAIdD,KAAK,CAACK,SAAN,GAAkBC,2BAAlB;AACAN,KAAK,CAACO,YAAN,GAAqBC,oCAArB;IAEMC,eAAe,GAAGC,kBAAQ,CAACV,KAAD;AAChCS,eAAe,CAACJ,SAAhB,GAA4BC,2BAA5B;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Value.js","sources":["../../../src/components/Value.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { valueProps } from './props';\nimport { valueDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst ValueStyled = aggregatedClasses('div')(\n blockName,\n 'value',\n ({ size, valuePosition, valueColor, semibold }) => ({\n [size]: size,\n [valuePosition]: valuePosition,\n [valueColor]: valueColor,\n semibold,\n }),\n);\n\nconst Value = ({\n children,\n position: valuePosition,\n size,\n color: valueColor,\n semibold = false,\n}) => (\n <ValueStyled\n classProps={{\n size,\n valuePosition,\n valueColor,\n semibold,\n }}\n >\n <span>{children}</span>\n </ValueStyled>\n);\n\nValue.propTypes = valueProps;\nValue.defaultProps = valueDefault;\n\nconst ValueWithSchema = describe(Value);\nValueWithSchema.propTypes = valueProps;\n\nexport { ValueWithSchema };\nexport default Value;\n"],"names":["blockName","ValueStyled","aggregatedClasses","size","valuePosition","valueColor","semibold","Value","children","position","color","React","propTypes","valueProps","defaultProps","valueDefault","ValueWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,YAAlB;AAEA,IAAMC,WAAW,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAClBF,SADkB,EAElB,OAFkB,EAGlB;AAAA;;AAAA,MAAGG,IAAH,QAAGA,IAAH;AAAA,MAASC,aAAT,QAASA,aAAT;AAAA,MAAwBC,UAAxB,QAAwBA,UAAxB;AAAA,MAAoCC,QAApC,QAAoCA,QAApC;AAAA,gEACGH,IADH,EACUA,IADV,8CAEGC,aAFH,EAEmBA,aAFnB,8CAGGC,UAHH,EAGgBA,UAHhB,0DAIEC,QAJF;AAAA,CAHkB,CAApB;;IAWMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MACZC,QADY,SACZA,QADY;AAAA,MAEFJ,aAFE,SAEZK,QAFY;AAAA,MAGZN,IAHY,SAGZA,IAHY;AAAA,MAILE,UAJK,SAIZK,KAJY;AAAA,6BAKZJ,QALY;AAAA,MAKZA,QALY,+BAKD,KALC;AAAA,sBAOZK,wCAAC,WAAD;AACE,IAAA,UAAU,EAAE;AACVR,MAAAA,IAAI,EAAJA,IADU;AAEVC,MAAAA,aAAa,EAAbA,aAFU;AAGVC,MAAAA,UAAU,EAAVA,UAHU;AAIVC,MAAAA,QAAQ,EAARA;AAJU;AADd,kBAQEK,sDAAOH,QAAP,CARF,CAPY;AAAA;;AAmBdD,KAAK,CAACK,SAAN,GAAkBC,2BAAlB;AACAN,KAAK,CAACO,YAAN,GAAqBC,oCAArB;IAEMC,eAAe,GAAGC,kBAAQ,CAACV,KAAD;AAChCS,eAAe,CAACJ,SAAhB,GAA4BC,2BAA5B;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Wrapper.js","sources":["../../../src/components/Wrapper.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { wrapperProps } from './props';\nimport { wrapperDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelValueWrapper = aggregatedClasses('div')(\n blockName,\n 'label-value-wrapper',\n () => null,\n);\nconst Container = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ inverted }) => ({\n inverted,\n }),\n);\n\nconst Wrapper = ({ containerProps, children, className, icon, inverted }) => (\n <Container classProps={{ inverted }}>\n {icon}\n <LabelValueWrapper className={className} {...containerProps}>\n {children}\n </LabelValueWrapper>\n </Container>\n);\n\nWrapper.propTypes = wrapperProps;\nWrapper.defaultProps = wrapperDefault;\n\nconst WrapperWithSchema = describe(Wrapper);\nWrapperWithSchema.propTypes = wrapperProps;\n\nexport { WrapperWithSchema };\nexport default Wrapper;\n"],"names":["blockName","LabelValueWrapper","aggregatedClasses","Container","inverted","Wrapper","containerProps","children","className","icon","React","propTypes","wrapperProps","defaultProps","wrapperDefault","WrapperWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,SAAS,GAAG,YAAlB;AAEA,IAAMC,iBAAiB,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CACxBF,SADwB,EAExB,qBAFwB,EAGxB;AAAA,SAAM,IAAN;AAAA,CAHwB,CAA1B;AAKA,IAAMG,SAAS,GAAGD,8BAAiB,CAAC,KAAD,CAAjB,CAChBF,SADgB,EAEhB,SAFgB,EAGhB;AAAA,MAAGI,QAAH,QAAGA,QAAH;AAAA,SAAmB;AACjBA,IAAAA,QAAQ,EAARA;AADiB,GAAnB;AAAA,CAHgB,CAAlB;;IAQMC,OAAO,GAAG,SAAVA,OAAU;AAAA,MAAGC,cAAH,SAAGA,cAAH;AAAA,MAAmBC,QAAnB,SAAmBA,QAAnB;AAAA,MAA6BC,SAA7B,SAA6BA,SAA7B;AAAA,MAAwCC,IAAxC,SAAwCA,IAAxC;AAAA,MAA8CL,QAA9C,SAA8CA,QAA9C;AAAA,sBACdM,wCAAC,SAAD;AAAW,IAAA,UAAU,EAAE;AAAEN,MAAAA,QAAQ,EAARA;AAAF;AAAvB,KACGK,IADH,eAEEC,wCAAC,iBAAD;AAAmB,IAAA,SAAS,EAAEF;AAA9B,KAA6CF,cAA7C,GACGC,QADH,CAFF,CADc;AAAA;;AAShBF,OAAO,CAACM,SAAR,GAAoBC,6BAApB;AACAP,OAAO,CAACQ,YAAR,GAAuBC,sCAAvB;IAEMC,iBAAiB,GAAGC,kBAAQ,CAACX,OAAD;AAClCU,iBAAiB,CAACJ,SAAlB,GAA8BC,6BAA9B;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"defaultProps.js","sources":["../../../src/components/defaultProps.tsx"],"sourcesContent":["import {\n orientationVariants,\n position,\n sizeVariants,\n fontColor,\n} from '../../../../shared-configs/prop-types';\n\nexport const groupDefault = {\n inline: false,\n orientation: orientationVariants.VERTICAL,\n};\n\nexport const labelDefault = {\n position: position.LEFT,\n color: fontColor.NEUTRAL500,\n};\n\nexport const valueDefault = {\n position: position.LEFT,\n size: sizeVariants.M,\n color: fontColor.NEUTRAL700,\n semibold: false,\n};\n\nexport const wrapperDefault = {\n containerProps: {},\n className: '',\n icon: null,\n inverted: false,\n};\n"],"names":["groupDefault","inline","orientation","orientationVariants","VERTICAL","labelDefault","position","LEFT","color","fontColor","NEUTRAL500","valueDefault","size","sizeVariants","M","NEUTRAL700","semibold","wrapperDefault","containerProps","className","icon","inverted"],"mappings":";;;;;;IAOaA,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,KADkB;AAE1BC,EAAAA,WAAW,EAAEC,6BAAmB,CAACC;AAFP;IAKfC,YAAY,GAAG;AAC1BC,EAAAA,QAAQ,EAAEA,kBAAQ,CAACC,IADO;AAE1BC,EAAAA,KAAK,EAAEC,mBAAS,CAACC;AAFS;IAKfC,YAAY,GAAG;AAC1BL,EAAAA,QAAQ,EAAEA,kBAAQ,CAACC,IADO;AAE1BK,EAAAA,IAAI,EAAEC,sBAAY,CAACC,CAFO;AAG1BN,EAAAA,KAAK,EAAEC,mBAAS,CAACM,UAHS;AAI1BC,EAAAA,QAAQ,EAAE;AAJgB;IAOfC,cAAc,GAAG;AAC5BC,EAAAA,cAAc,EAAE,EADY;AAE5BC,EAAAA,SAAS,EAAE,EAFiB;AAG5BC,EAAAA,IAAI,EAAE,IAHsB;AAI5BC,EAAAA,QAAQ,EAAE;AAJkB;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.js","sources":["../../../src/components/props.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport {\n position,\n fontColor,\n sizeVariants,\n} from '../../../../shared-configs/prop-types';\n\nexport const groupProps = {\n /**\n * The elements to be wrapped\n */\n children: PropTypes.element.description('The elements to be wrapped'),\n /**\n * If the label value should be inline\n */\n inline: PropTypes.bool.description('If the label value should be inline'),\n /**\n * 'vertical' or 'horizontal'\n */\n orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.string,\n PropTypes.number,\n ]).description('Label element').isRequired,\n position: PropTypes.string\n .description('labels position')\n .defaultValue(position.LEFT),\n color: PropTypes.string\n .description('labels color')\n .defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n className: PropTypes.string.description('html class attribute'),\n icon: PropTypes.element.description('Icon to be attached near value'),\n inverted: PropTypes.bool\n .description('Changes the position of the label')\n .defaultValue(false),\n children: PropTypes.element.description('label value').isRequired,\n};\n\nexport const valueProps = {\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.string,\n PropTypes.number,\n ]).description('value element').isRequired,\n size: PropTypes.func.description('values size').defaultValue(sizeVariants.M),\n position: PropTypes.string\n .description('position of the value')\n .defaultValue(position.LEFT),\n color: PropTypes.string\n .description('value color')\n .defaultValue(fontColor.NEUTRAL700),\n semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n"],"names":["groupProps","children","PropTypes","element","description","inline","bool","orientation","string","labelProps","oneOfType","number","isRequired","position","defaultValue","LEFT","color","fontColor","NEUTRAL500","wrapperProps","containerProps","object","className","icon","inverted","valueProps","size","func","sizeVariants","M","NEUTRAL700","semibold"],"mappings":";;;;;;;IAOaA,UAAU,GAAG;AACxB;AACF;AACA;AACEC,EAAAA,QAAQ,EAAEC,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,4BAA9B,CAJc;;AAKxB;AACF;AACA;AACEC,EAAAA,MAAM,EAAEH,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,qCAA3B,CARgB;;AASxB;AACF;AACA;AACEG,EAAAA,WAAW,EAAEL,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,4BAA7B;AAZW;IAebK,UAAU,GAAG;AACxBR,EAAAA,QAAQ,EAAEC,mBAAS,CAACQ,SAAV,CAAoB,CAC5BR,mBAAS,CAACC,OADkB,EAE5BD,mBAAS,CAACM,MAFkB,EAG5BN,mBAAS,CAACS,MAHkB,CAApB,EAIPP,WAJO,CAIK,eAJL,EAIsBQ,UALR;AAMxBC,EAAAA,QAAQ,EAAEX,mBAAS,CAACM,MAAV,CACPJ,WADO,CACK,iBADL,EAEPU,YAFO,CAEMD,kBAAQ,CAACE,IAFf,CANc;AASxBC,EAAAA,KAAK,EAAEd,mBAAS,CAACM,MAAV,CACJJ,WADI,CACQ,cADR,EAEJU,YAFI,CAESG,mBAAS,CAACC,UAFnB;AATiB;IAcbC,YAAY,GAAG;AAC1BC,EAAAA,cAAc,EAAElB,mBAAS,CAACmB,MAAV,CAAiBjB,WAAjB,CACd,kDADc,CADU;AAI1BkB,EAAAA,SAAS,EAAEpB,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,sBAA7B,CAJe;AAK1BmB,EAAAA,IAAI,EAAErB,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,gCAA9B,CALoB;AAM1BoB,EAAAA,QAAQ,EAAEtB,mBAAS,CAACI,IAAV,CACPF,WADO,CACK,mCADL,EAEPU,YAFO,CAEM,KAFN,CANgB;AAS1Bb,EAAAA,QAAQ,EAAEC,mBAAS,CAACC,OAAV,CAAkBC,WAAlB,CAA8B,aAA9B,EAA6CQ;AAT7B;IAYfa,UAAU,GAAG;AACxBxB,EAAAA,QAAQ,EAAEC,mBAAS,CAACQ,SAAV,CAAoB,CAC5BR,mBAAS,CAACC,OADkB,EAE5BD,mBAAS,CAACM,MAFkB,EAG5BN,mBAAS,CAACS,MAHkB,CAApB,EAIPP,WAJO,CAIK,eAJL,EAIsBQ,UALR;AAMxBc,EAAAA,IAAI,EAAExB,mBAAS,CAACyB,IAAV,CAAevB,WAAf,CAA2B,aAA3B,EAA0CU,YAA1C,CAAuDc,sBAAY,CAACC,CAApE,CANkB;AAOxBhB,EAAAA,QAAQ,EAAEX,mBAAS,CAACM,MAAV,CACPJ,WADO,CACK,uBADL,EAEPU,YAFO,CAEMD,kBAAQ,CAACE,IAFf,CAPc;AAUxBC,EAAAA,KAAK,EAAEd,mBAAS,CAACM,MAAV,CACJJ,WADI,CACQ,aADR,EAEJU,YAFI,CAESG,mBAAS,CAACa,UAFnB,CAViB;AAaxBC,EAAAA,QAAQ,EAAE7B,mBAAS,CAACI,IAAV,CAAeF,WAAf,CAA2B,iBAA3B,EAA8CU,YAA9C,CAA2D,KAA3D;AAbc;;;;;;;"}
package/cjs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}