@elliemae/ds-label-value 2.2.0-alpha.4 → 3.0.0-next.2
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/DSLabelValue.js +20 -48
- package/cjs/components/Group.js +45 -51
- package/cjs/components/Label.js +45 -51
- package/cjs/components/Value.js +51 -62
- package/cjs/components/Wrapper.js +60 -54
- package/cjs/components/defaultProps.js +18 -45
- package/cjs/components/props.js +39 -63
- package/cjs/index.js +18 -40
- package/esm/DSLabelValue.js +11 -14
- package/esm/components/Group.js +35 -21
- package/esm/components/Label.js +35 -21
- package/esm/components/Value.js +39 -30
- package/esm/components/Wrapper.js +49 -24
- package/esm/components/defaultProps.js +5 -15
- package/esm/components/props.js +31 -37
- package/esm/index.js +5 -18
- package/package.json +3 -3
- package/cjs/DSLabelValue.js.map +0 -7
- package/cjs/components/Group.js.map +0 -7
- package/cjs/components/Label.js.map +0 -7
- package/cjs/components/Value.js.map +0 -7
- package/cjs/components/Wrapper.js.map +0 -7
- package/cjs/components/defaultProps.js.map +0 -7
- package/cjs/components/props.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/esm/DSLabelValue.js.map +0 -7
- package/esm/components/Group.js.map +0 -7
- package/esm/components/Label.js.map +0 -7
- package/esm/components/Value.js.map +0 -7
- package/esm/components/Wrapper.js.map +0 -7
- package/esm/components/defaultProps.js.map +0 -7
- package/esm/components/props.js.map +0 -7
- package/esm/index.js.map +0 -7
package/cjs/components/props.js
CHANGED
|
@@ -1,71 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var props_exports = {};
|
|
29
|
-
__export(props_exports, {
|
|
30
|
-
groupProps: () => groupProps,
|
|
31
|
-
labelProps: () => labelProps,
|
|
32
|
-
valueProps: () => valueProps,
|
|
33
|
-
wrapperProps: () => wrapperProps
|
|
34
|
-
});
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_react_desc = require("react-desc");
|
|
37
|
-
var import_prop_types = require("@elliemae/ds-shared/prop-types");
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactDesc = require('react-desc');
|
|
6
|
+
var propTypes = require('@elliemae/ds-shared/prop-types');
|
|
7
|
+
|
|
38
8
|
const groupProps = {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
9
|
+
/**
|
|
10
|
+
* The elements to be wrapped
|
|
11
|
+
*/
|
|
12
|
+
children: reactDesc.PropTypes.element.description('The elements to be wrapped'),
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* If the label value should be inline
|
|
16
|
+
*/
|
|
17
|
+
inline: reactDesc.PropTypes.bool.description('If the label value should be inline'),
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* 'vertical' or 'horizontal'
|
|
21
|
+
*/
|
|
22
|
+
orientation: reactDesc.PropTypes.string.description("'vertical' or 'horizontal'")
|
|
42
23
|
};
|
|
43
24
|
const labelProps = {
|
|
44
|
-
children:
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
import_react_desc.PropTypes.number
|
|
48
|
-
]).description("Label element").isRequired,
|
|
49
|
-
position: import_react_desc.PropTypes.string.description("labels position").defaultValue(import_prop_types.position.LEFT),
|
|
50
|
-
color: import_react_desc.PropTypes.string.description("labels color").defaultValue(import_prop_types.fontColor.NEUTRAL500)
|
|
25
|
+
children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Label element').isRequired,
|
|
26
|
+
position: reactDesc.PropTypes.string.description('labels position').defaultValue(propTypes.position.LEFT),
|
|
27
|
+
color: reactDesc.PropTypes.string.description('labels color').defaultValue(propTypes.fontColor.NEUTRAL500)
|
|
51
28
|
};
|
|
52
29
|
const wrapperProps = {
|
|
53
|
-
containerProps:
|
|
54
|
-
className:
|
|
55
|
-
icon:
|
|
56
|
-
inverted:
|
|
57
|
-
children:
|
|
30
|
+
containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
|
|
31
|
+
className: reactDesc.PropTypes.string.description('html class attribute'),
|
|
32
|
+
icon: reactDesc.PropTypes.element.description('Icon to be attached near value'),
|
|
33
|
+
inverted: reactDesc.PropTypes.bool.description('Changes the position of the label').defaultValue(false),
|
|
34
|
+
children: reactDesc.PropTypes.element.description('label value').isRequired
|
|
58
35
|
};
|
|
59
36
|
const valueProps = {
|
|
60
|
-
children:
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
size: import_react_desc.PropTypes.func.description("values size").defaultValue(import_prop_types.sizeVariants.M),
|
|
66
|
-
position: import_react_desc.PropTypes.string.description("position of the value").defaultValue(import_prop_types.position.LEFT),
|
|
67
|
-
color: import_react_desc.PropTypes.string.description("value color").defaultValue(import_prop_types.fontColor.NEUTRAL700),
|
|
68
|
-
semibold: import_react_desc.PropTypes.bool.description("semibold or not").defaultValue(false)
|
|
37
|
+
children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('value element').isRequired,
|
|
38
|
+
size: reactDesc.PropTypes.func.description('values size').defaultValue(propTypes.sizeVariants.M),
|
|
39
|
+
position: reactDesc.PropTypes.string.description('position of the value').defaultValue(propTypes.position.LEFT),
|
|
40
|
+
color: reactDesc.PropTypes.string.description('value color').defaultValue(propTypes.fontColor.NEUTRAL700),
|
|
41
|
+
semibold: reactDesc.PropTypes.bool.description('semibold or not').defaultValue(false)
|
|
69
42
|
};
|
|
70
|
-
|
|
71
|
-
|
|
43
|
+
|
|
44
|
+
exports.groupProps = groupProps;
|
|
45
|
+
exports.labelProps = labelProps;
|
|
46
|
+
exports.valueProps = valueProps;
|
|
47
|
+
exports.wrapperProps = wrapperProps;
|
package/cjs/index.js
CHANGED
|
@@ -1,40 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
DSLabelValue: () => import_DSLabelValue.default,
|
|
31
|
-
GroupWithSchema: () => import_DSLabelValue.GroupWithSchema,
|
|
32
|
-
LabelWithSchema: () => import_DSLabelValue.LabelWithSchema,
|
|
33
|
-
ValueWithSchema: () => import_DSLabelValue.ValueWithSchema,
|
|
34
|
-
WrapperWithSchema: () => import_DSLabelValue.WrapperWithSchema,
|
|
35
|
-
default: () => import_DSLabelValue.default
|
|
36
|
-
});
|
|
37
|
-
var React = __toESM(require("react"));
|
|
38
|
-
var import_DSLabelValue = require("./DSLabelValue");
|
|
39
|
-
module.exports = __toCommonJS(src_exports);
|
|
40
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSLabelValue = require('./DSLabelValue.js');
|
|
6
|
+
var Wrapper = require('./components/Wrapper.js');
|
|
7
|
+
var Group = require('./components/Group.js');
|
|
8
|
+
var Label = require('./components/Label.js');
|
|
9
|
+
var Value = require('./components/Value.js');
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
exports.DSLabelValue = DSLabelValue["default"];
|
|
14
|
+
exports["default"] = DSLabelValue["default"];
|
|
15
|
+
exports.WrapperWithSchema = Wrapper.WrapperWithSchema;
|
|
16
|
+
exports.GroupWithSchema = Group.GroupWithSchema;
|
|
17
|
+
exports.LabelWithSchema = Label.LabelWithSchema;
|
|
18
|
+
exports.ValueWithSchema = Value.ValueWithSchema;
|
package/esm/DSLabelValue.js
CHANGED
|
@@ -1,20 +1,17 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import Group
|
|
4
|
-
|
|
5
|
-
import
|
|
1
|
+
import Wrapper from './components/Wrapper.js';
|
|
2
|
+
export { WrapperWithSchema } from './components/Wrapper.js';
|
|
3
|
+
import Group from './components/Group.js';
|
|
4
|
+
export { GroupWithSchema } from './components/Group.js';
|
|
5
|
+
import Label from './components/Label.js';
|
|
6
|
+
export { LabelWithSchema } from './components/Label.js';
|
|
7
|
+
import Value from './components/Value.js';
|
|
8
|
+
export { ValueWithSchema } from './components/Value.js';
|
|
9
|
+
|
|
6
10
|
const DSLabelValue = Object.assign(Wrapper, {
|
|
7
11
|
Group,
|
|
8
12
|
Wrapper,
|
|
9
13
|
Label,
|
|
10
14
|
Value
|
|
11
15
|
});
|
|
12
|
-
|
|
13
|
-
export {
|
|
14
|
-
GroupWithSchema,
|
|
15
|
-
LabelWithSchema,
|
|
16
|
-
ValueWithSchema,
|
|
17
|
-
WrapperWithSchema,
|
|
18
|
-
DSLabelValue_default as default
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=DSLabelValue.js.map
|
|
16
|
+
|
|
17
|
+
export { DSLabelValue as default };
|
package/esm/components/Group.js
CHANGED
|
@@ -1,24 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { describe } from
|
|
4
|
-
import { aggregatedClasses } from
|
|
5
|
-
import { groupProps } from
|
|
6
|
-
import { groupDefault } from
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'react';
|
|
3
|
+
import { describe } from 'react-desc';
|
|
4
|
+
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
5
|
+
import { groupProps } from './props.js';
|
|
6
|
+
import { groupDefault } from './defaultProps.js';
|
|
7
|
+
|
|
8
|
+
const blockName = 'labelValueGroup';
|
|
9
|
+
const WrapperGroup = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
|
|
10
|
+
let {
|
|
11
|
+
orientation,
|
|
12
|
+
inline
|
|
13
|
+
} = _ref;
|
|
14
|
+
return {
|
|
15
|
+
inline,
|
|
16
|
+
[orientation]: orientation
|
|
17
|
+
};
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
const Group = _ref2 => {
|
|
21
|
+
let {
|
|
22
|
+
children,
|
|
23
|
+
inline,
|
|
24
|
+
orientation
|
|
25
|
+
} = _ref2;
|
|
26
|
+
return /*#__PURE__*/_jsx(WrapperGroup, {
|
|
27
|
+
classProps: {
|
|
28
|
+
orientation,
|
|
29
|
+
inline
|
|
30
|
+
}
|
|
31
|
+
}, void 0, children);
|
|
32
|
+
};
|
|
33
|
+
|
|
16
34
|
Group.defaultProps = groupDefault;
|
|
17
35
|
const GroupWithSchema = describe(Group);
|
|
18
36
|
GroupWithSchema.propTypes = groupProps;
|
|
19
|
-
|
|
20
|
-
export {
|
|
21
|
-
GroupWithSchema,
|
|
22
|
-
Group_default as default
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=Group.js.map
|
|
37
|
+
|
|
38
|
+
export { GroupWithSchema, Group as default };
|
package/esm/components/Label.js
CHANGED
|
@@ -1,24 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { describe } from
|
|
4
|
-
import { aggregatedClasses } from
|
|
5
|
-
import { labelProps } from
|
|
6
|
-
import { labelDefault } from
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'react';
|
|
3
|
+
import { describe } from 'react-desc';
|
|
4
|
+
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
5
|
+
import { labelProps } from './props.js';
|
|
6
|
+
import { labelDefault } from './defaultProps.js';
|
|
7
|
+
|
|
8
|
+
const blockName = 'labelValue';
|
|
9
|
+
const LabelStyled = aggregatedClasses('div')(blockName, 'label', _ref => {
|
|
10
|
+
let {
|
|
11
|
+
labelPosition,
|
|
12
|
+
labelColor
|
|
13
|
+
} = _ref;
|
|
14
|
+
return {
|
|
15
|
+
[labelPosition]: labelPosition,
|
|
16
|
+
[labelColor]: labelColor
|
|
17
|
+
};
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
const Label = _ref2 => {
|
|
21
|
+
let {
|
|
22
|
+
children,
|
|
23
|
+
position: labelPosition,
|
|
24
|
+
color
|
|
25
|
+
} = _ref2;
|
|
26
|
+
return /*#__PURE__*/_jsx(LabelStyled, {
|
|
27
|
+
classProps: {
|
|
28
|
+
labelPosition,
|
|
29
|
+
color
|
|
30
|
+
}
|
|
31
|
+
}, void 0, children);
|
|
32
|
+
};
|
|
33
|
+
|
|
16
34
|
Label.defaultProps = labelDefault;
|
|
17
35
|
const LabelWithSchema = describe(Label);
|
|
18
36
|
LabelWithSchema.propTypes = labelProps;
|
|
19
|
-
|
|
20
|
-
export {
|
|
21
|
-
LabelWithSchema,
|
|
22
|
-
Label_default as default
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=Label.js.map
|
|
37
|
+
|
|
38
|
+
export { LabelWithSchema, Label as default };
|
package/esm/components/Value.js
CHANGED
|
@@ -1,37 +1,46 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { describe } from
|
|
4
|
-
import { aggregatedClasses } from
|
|
5
|
-
import { valueProps } from
|
|
6
|
-
import { valueDefault } from
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
[valueColor]: valueColor,
|
|
12
|
-
semibold
|
|
13
|
-
}));
|
|
14
|
-
const Value = ({
|
|
15
|
-
children,
|
|
16
|
-
position: valuePosition,
|
|
17
|
-
size,
|
|
18
|
-
color: valueColor,
|
|
19
|
-
semibold = false
|
|
20
|
-
}) => /* @__PURE__ */ React2.createElement(ValueStyled, {
|
|
21
|
-
classProps: {
|
|
1
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import 'react';
|
|
3
|
+
import { describe } from 'react-desc';
|
|
4
|
+
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
5
|
+
import { valueProps } from './props.js';
|
|
6
|
+
import { valueDefault } from './defaultProps.js';
|
|
7
|
+
|
|
8
|
+
const blockName = 'labelValue';
|
|
9
|
+
const ValueStyled = aggregatedClasses('div')(blockName, 'value', _ref => {
|
|
10
|
+
let {
|
|
22
11
|
size,
|
|
23
12
|
valuePosition,
|
|
24
13
|
valueColor,
|
|
25
14
|
semibold
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
|
|
15
|
+
} = _ref;
|
|
16
|
+
return {
|
|
17
|
+
[size]: size,
|
|
18
|
+
[valuePosition]: valuePosition,
|
|
19
|
+
[valueColor]: valueColor,
|
|
20
|
+
semibold
|
|
21
|
+
};
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
const Value = _ref2 => {
|
|
25
|
+
let {
|
|
26
|
+
children,
|
|
27
|
+
position: valuePosition,
|
|
28
|
+
size,
|
|
29
|
+
color: valueColor,
|
|
30
|
+
semibold = false
|
|
31
|
+
} = _ref2;
|
|
32
|
+
return /*#__PURE__*/_jsx(ValueStyled, {
|
|
33
|
+
classProps: {
|
|
34
|
+
size,
|
|
35
|
+
valuePosition,
|
|
36
|
+
valueColor,
|
|
37
|
+
semibold
|
|
38
|
+
}
|
|
39
|
+
}, void 0, /*#__PURE__*/_jsx("span", {}, void 0, children));
|
|
40
|
+
};
|
|
41
|
+
|
|
29
42
|
Value.defaultProps = valueDefault;
|
|
30
43
|
const ValueWithSchema = describe(Value);
|
|
31
44
|
ValueWithSchema.propTypes = valueProps;
|
|
32
|
-
|
|
33
|
-
export {
|
|
34
|
-
ValueWithSchema,
|
|
35
|
-
Value_default as default
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=Value.js.map
|
|
45
|
+
|
|
46
|
+
export { ValueWithSchema, Value as default };
|
|
@@ -1,27 +1,52 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
},
|
|
18
|
-
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
|
+
import 'react';
|
|
9
|
+
import { describe } from 'react-desc';
|
|
10
|
+
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
11
|
+
import { wrapperProps } from './props.js';
|
|
12
|
+
import { wrapperDefault } from './defaultProps.js';
|
|
13
|
+
import { jsx } from 'react/jsx-runtime';
|
|
14
|
+
|
|
15
|
+
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; }
|
|
16
|
+
|
|
17
|
+
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; }
|
|
18
|
+
const blockName = 'labelValue';
|
|
19
|
+
const LabelValueWrapper = aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);
|
|
20
|
+
const Container = aggregatedClasses('div')(blockName, 'wrapper', _ref => {
|
|
21
|
+
let {
|
|
22
|
+
inverted
|
|
23
|
+
} = _ref;
|
|
24
|
+
return {
|
|
25
|
+
inverted
|
|
26
|
+
};
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
const Wrapper = _ref2 => {
|
|
30
|
+
let {
|
|
31
|
+
containerProps,
|
|
32
|
+
children,
|
|
33
|
+
className,
|
|
34
|
+
icon,
|
|
35
|
+
inverted
|
|
36
|
+
} = _ref2;
|
|
37
|
+
return /*#__PURE__*/_jsx(Container, {
|
|
38
|
+
classProps: {
|
|
39
|
+
inverted
|
|
40
|
+
}
|
|
41
|
+
}, void 0, icon, /*#__PURE__*/jsx(LabelValueWrapper, _objectSpread(_objectSpread({
|
|
42
|
+
className: className
|
|
43
|
+
}, containerProps), {}, {
|
|
44
|
+
children: children
|
|
45
|
+
})));
|
|
46
|
+
};
|
|
47
|
+
|
|
19
48
|
Wrapper.defaultProps = wrapperDefault;
|
|
20
49
|
const WrapperWithSchema = describe(Wrapper);
|
|
21
50
|
WrapperWithSchema.propTypes = wrapperProps;
|
|
22
|
-
|
|
23
|
-
export {
|
|
24
|
-
WrapperWithSchema,
|
|
25
|
-
Wrapper_default as default
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=Wrapper.js.map
|
|
51
|
+
|
|
52
|
+
export { WrapperWithSchema, Wrapper as default };
|
|
@@ -1,10 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
orientationVariants,
|
|
4
|
-
position,
|
|
5
|
-
sizeVariants,
|
|
6
|
-
fontColor
|
|
7
|
-
} from "@elliemae/ds-shared/prop-types";
|
|
1
|
+
import { orientationVariants, position, fontColor, sizeVariants } from '@elliemae/ds-shared/prop-types';
|
|
2
|
+
|
|
8
3
|
const groupDefault = {
|
|
9
4
|
inline: false,
|
|
10
5
|
orientation: orientationVariants.VERTICAL
|
|
@@ -21,14 +16,9 @@ const valueDefault = {
|
|
|
21
16
|
};
|
|
22
17
|
const wrapperDefault = {
|
|
23
18
|
containerProps: {},
|
|
24
|
-
className:
|
|
19
|
+
className: '',
|
|
25
20
|
icon: null,
|
|
26
21
|
inverted: false
|
|
27
22
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
labelDefault,
|
|
31
|
-
valueDefault,
|
|
32
|
-
wrapperDefault
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=defaultProps.js.map
|
|
23
|
+
|
|
24
|
+
export { groupDefault, labelDefault, valueDefault, wrapperDefault };
|
package/esm/components/props.js
CHANGED
|
@@ -1,46 +1,40 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
position,
|
|
5
|
-
fontColor,
|
|
6
|
-
sizeVariants
|
|
7
|
-
} from "@elliemae/ds-shared/prop-types";
|
|
1
|
+
import { PropTypes } from 'react-desc';
|
|
2
|
+
import { position, fontColor, sizeVariants } from '@elliemae/ds-shared/prop-types';
|
|
3
|
+
|
|
8
4
|
const groupProps = {
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
/**
|
|
6
|
+
* The elements to be wrapped
|
|
7
|
+
*/
|
|
8
|
+
children: PropTypes.element.description('The elements to be wrapped'),
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* If the label value should be inline
|
|
12
|
+
*/
|
|
13
|
+
inline: PropTypes.bool.description('If the label value should be inline'),
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* 'vertical' or 'horizontal'
|
|
17
|
+
*/
|
|
11
18
|
orientation: PropTypes.string.description("'vertical' or 'horizontal'")
|
|
12
19
|
};
|
|
13
20
|
const labelProps = {
|
|
14
|
-
children: PropTypes.oneOfType([
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
PropTypes.number
|
|
18
|
-
]).description("Label element").isRequired,
|
|
19
|
-
position: PropTypes.string.description("labels position").defaultValue(position.LEFT),
|
|
20
|
-
color: PropTypes.string.description("labels color").defaultValue(fontColor.NEUTRAL500)
|
|
21
|
+
children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).description('Label element').isRequired,
|
|
22
|
+
position: PropTypes.string.description('labels position').defaultValue(position.LEFT),
|
|
23
|
+
color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500)
|
|
21
24
|
};
|
|
22
25
|
const wrapperProps = {
|
|
23
|
-
containerProps: PropTypes.object.description(
|
|
24
|
-
className: PropTypes.string.description(
|
|
25
|
-
icon: PropTypes.element.description(
|
|
26
|
-
inverted: PropTypes.bool.description(
|
|
27
|
-
children: PropTypes.element.description(
|
|
26
|
+
containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
|
|
27
|
+
className: PropTypes.string.description('html class attribute'),
|
|
28
|
+
icon: PropTypes.element.description('Icon to be attached near value'),
|
|
29
|
+
inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),
|
|
30
|
+
children: PropTypes.element.description('label value').isRequired
|
|
28
31
|
};
|
|
29
32
|
const valueProps = {
|
|
30
|
-
children: PropTypes.oneOfType([
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
size: PropTypes.func.description("values size").defaultValue(sizeVariants.M),
|
|
36
|
-
position: PropTypes.string.description("position of the value").defaultValue(position.LEFT),
|
|
37
|
-
color: PropTypes.string.description("value color").defaultValue(fontColor.NEUTRAL700),
|
|
38
|
-
semibold: PropTypes.bool.description("semibold or not").defaultValue(false)
|
|
33
|
+
children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).description('value element').isRequired,
|
|
34
|
+
size: PropTypes.func.description('values size').defaultValue(sizeVariants.M),
|
|
35
|
+
position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),
|
|
36
|
+
color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),
|
|
37
|
+
semibold: PropTypes.bool.description('semibold or not').defaultValue(false)
|
|
39
38
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
labelProps,
|
|
43
|
-
valueProps,
|
|
44
|
-
wrapperProps
|
|
45
|
-
};
|
|
46
|
-
//# sourceMappingURL=props.js.map
|
|
39
|
+
|
|
40
|
+
export { groupProps, labelProps, valueProps, wrapperProps };
|
package/esm/index.js
CHANGED
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
GroupWithSchema,
|
|
7
|
-
LabelWithSchema,
|
|
8
|
-
ValueWithSchema
|
|
9
|
-
} from "./DSLabelValue";
|
|
10
|
-
export {
|
|
11
|
-
default3 as DSLabelValue,
|
|
12
|
-
GroupWithSchema,
|
|
13
|
-
LabelWithSchema,
|
|
14
|
-
ValueWithSchema,
|
|
15
|
-
WrapperWithSchema,
|
|
16
|
-
default2 as default
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { default as DSLabelValue, default } from './DSLabelValue.js';
|
|
2
|
+
export { WrapperWithSchema } from './components/Wrapper.js';
|
|
3
|
+
export { GroupWithSchema } from './components/Group.js';
|
|
4
|
+
export { LabelWithSchema } from './components/Label.js';
|
|
5
|
+
export { ValueWithSchema } from './components/Value.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-label-value",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "3.0.0-next.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Label value",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
"build": "node ../../scripts/build/build.js"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@elliemae/ds-classnames": "
|
|
64
|
-
"@elliemae/ds-shared": "
|
|
63
|
+
"@elliemae/ds-classnames": "3.0.0-next.2",
|
|
64
|
+
"@elliemae/ds-shared": "3.0.0-next.2",
|
|
65
65
|
"react-desc": "~4.1.3"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
package/cjs/DSLabelValue.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSLabelValue.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA2C;AAC3C,mBAAuC;AACvC,mBAAuC;AACvC,mBAAuC;AAEvC,MAAM,eAAe,OAAO,OAAO,wBAAS;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAIF,IAAO,uBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|