@elliemae/ds-label-value 1.60.0 → 2.0.0-alpha.12
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 +14 -23
- package/cjs/components/Group.js +30 -29
- package/cjs/components/Label.js +30 -29
- package/cjs/components/Value.js +38 -36
- package/cjs/components/Wrapper.js +41 -30
- package/cjs/components/defaultProps.js +5 -6
- package/cjs/components/props.js +5 -6
- package/cjs/index.js +10 -19
- package/esm/DSLabelValue.js +5 -14
- package/esm/components/Group.js +23 -21
- package/esm/components/Label.js +23 -21
- package/esm/components/Value.js +31 -28
- package/esm/components/Wrapper.js +34 -23
- package/esm/components/defaultProps.js +5 -6
- package/esm/components/props.js +5 -6
- package/esm/index.js +0 -9
- package/package.json +56 -10
- package/types/DSLabelValue.d.ts +168 -0
- package/types/components/Group.d.ts +44 -0
- package/types/components/Label.d.ts +33 -0
- package/types/components/Value.d.ts +45 -0
- package/types/components/Wrapper.d.ts +54 -0
- package/types/components/defaultProps.d.ts +20 -0
- package/types/components/props.d.ts +78 -0
- package/types/index.d.ts +1 -0
- package/DSLabelValue/package.json +0 -10
- package/cjs/DSLabelValue.js.map +0 -1
- package/cjs/components/Group.js.map +0 -1
- package/cjs/components/Label.js.map +0 -1
- package/cjs/components/Value.js.map +0 -1
- package/cjs/components/Wrapper.js.map +0 -1
- package/cjs/components/defaultProps.js.map +0 -1
- package/cjs/components/props.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/prop-types-15287a6f.js +0 -31
- package/cjs/prop-types-15287a6f.js.map +0 -1
- package/components/Group/package.json +0 -10
- package/components/Label/package.json +0 -10
- package/components/Value/package.json +0 -10
- package/components/Wrapper/package.json +0 -10
- package/components/defaultProps/package.json +0 -10
- package/components/props/package.json +0 -10
- package/esm/DSLabelValue.js.map +0 -1
- package/esm/components/Group.js.map +0 -1
- package/esm/components/Label.js.map +0 -1
- package/esm/components/Value.js.map +0 -1
- package/esm/components/Wrapper.js.map +0 -1
- package/esm/components/defaultProps.js.map +0 -1
- package/esm/components/props.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/prop-types-2c19033d.js +0 -26
- package/esm/prop-types-2c19033d.js.map +0 -1
package/cjs/DSLabelValue.js
CHANGED
|
@@ -2,29 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
require('@babel/runtime/helpers/extends');
|
|
10
|
-
require('react');
|
|
11
|
-
require('react-desc');
|
|
12
|
-
require('@elliemae/ds-classnames');
|
|
13
|
-
require('./components/props.js');
|
|
14
|
-
require('./prop-types-15287a6f.js');
|
|
15
|
-
require('./components/defaultProps.js');
|
|
16
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
var Wrapper = require('./components/Wrapper.js');
|
|
6
|
+
var Group = require('./components/Group.js');
|
|
7
|
+
var Label = require('./components/Label.js');
|
|
8
|
+
var Value = require('./components/Value.js');
|
|
17
9
|
|
|
18
|
-
|
|
19
|
-
Group:
|
|
20
|
-
Wrapper:
|
|
21
|
-
Label:
|
|
22
|
-
Value:
|
|
10
|
+
const DSLabelValue = Object.assign(Wrapper["default"], {
|
|
11
|
+
Group: Group["default"],
|
|
12
|
+
Wrapper: Wrapper["default"],
|
|
13
|
+
Label: Label["default"],
|
|
14
|
+
Value: Value["default"]
|
|
23
15
|
});
|
|
24
16
|
|
|
25
|
-
exports.WrapperWithSchema =
|
|
26
|
-
exports.GroupWithSchema =
|
|
27
|
-
exports.LabelWithSchema =
|
|
28
|
-
exports.ValueWithSchema =
|
|
29
|
-
exports[
|
|
30
|
-
//# sourceMappingURL=DSLabelValue.js.map
|
|
17
|
+
exports.WrapperWithSchema = Wrapper.WrapperWithSchema;
|
|
18
|
+
exports.GroupWithSchema = Group.GroupWithSchema;
|
|
19
|
+
exports.LabelWithSchema = Label.LabelWithSchema;
|
|
20
|
+
exports.ValueWithSchema = Value.ValueWithSchema;
|
|
21
|
+
exports["default"] = DSLabelValue;
|
package/cjs/components/Group.js
CHANGED
|
@@ -2,45 +2,46 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
7
|
var reactDesc = require('react-desc');
|
|
8
8
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
require('../prop-types-15287a6f.js');
|
|
9
|
+
var props = require('./props.js');
|
|
10
|
+
var defaultProps = require('./defaultProps.js');
|
|
12
11
|
|
|
13
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
13
|
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
+
|
|
16
|
+
const blockName = 'labelValueGroup';
|
|
17
|
+
const WrapperGroup = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', _ref => {
|
|
18
|
+
let {
|
|
19
|
+
orientation,
|
|
20
|
+
inline
|
|
21
|
+
} = _ref;
|
|
22
|
+
return {
|
|
23
|
+
inline,
|
|
24
|
+
[orientation]: orientation
|
|
25
|
+
};
|
|
25
26
|
});
|
|
26
27
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
const Group = _ref2 => {
|
|
29
|
+
let {
|
|
30
|
+
children,
|
|
31
|
+
inline,
|
|
32
|
+
orientation
|
|
33
|
+
} = _ref2;
|
|
34
|
+
return /*#__PURE__*/_jsx__default["default"](WrapperGroup, {
|
|
32
35
|
classProps: {
|
|
33
|
-
orientation
|
|
34
|
-
inline
|
|
36
|
+
orientation,
|
|
37
|
+
inline
|
|
35
38
|
}
|
|
36
|
-
}, children);
|
|
39
|
+
}, void 0, children);
|
|
37
40
|
};
|
|
38
41
|
|
|
39
|
-
Group.
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
GroupWithSchema.propTypes = components_props.groupProps;
|
|
42
|
+
Group.defaultProps = defaultProps.groupDefault;
|
|
43
|
+
const GroupWithSchema = reactDesc.describe(Group);
|
|
44
|
+
GroupWithSchema.propTypes = props.groupProps;
|
|
43
45
|
|
|
44
46
|
exports.GroupWithSchema = GroupWithSchema;
|
|
45
|
-
exports[
|
|
46
|
-
//# sourceMappingURL=Group.js.map
|
|
47
|
+
exports["default"] = Group;
|
package/cjs/components/Label.js
CHANGED
|
@@ -2,45 +2,46 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
7
|
var reactDesc = require('react-desc');
|
|
8
8
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
require('../prop-types-15287a6f.js');
|
|
9
|
+
var props = require('./props.js');
|
|
10
|
+
var defaultProps = require('./defaultProps.js');
|
|
12
11
|
|
|
13
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
13
|
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
+
|
|
16
|
+
const blockName = 'labelValue';
|
|
17
|
+
const LabelStyled = dsClassnames.aggregatedClasses('div')(blockName, 'label', _ref => {
|
|
18
|
+
let {
|
|
19
|
+
labelPosition,
|
|
20
|
+
labelColor
|
|
21
|
+
} = _ref;
|
|
22
|
+
return {
|
|
23
|
+
[labelPosition]: labelPosition,
|
|
24
|
+
[labelColor]: labelColor
|
|
25
|
+
};
|
|
25
26
|
});
|
|
26
27
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
const Label = _ref2 => {
|
|
29
|
+
let {
|
|
30
|
+
children,
|
|
31
|
+
position: labelPosition,
|
|
32
|
+
color
|
|
33
|
+
} = _ref2;
|
|
34
|
+
return /*#__PURE__*/_jsx__default["default"](LabelStyled, {
|
|
32
35
|
classProps: {
|
|
33
|
-
labelPosition
|
|
34
|
-
color
|
|
36
|
+
labelPosition,
|
|
37
|
+
color
|
|
35
38
|
}
|
|
36
|
-
}, children);
|
|
39
|
+
}, void 0, children);
|
|
37
40
|
};
|
|
38
41
|
|
|
39
|
-
Label.
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
LabelWithSchema.propTypes = components_props.labelProps;
|
|
42
|
+
Label.defaultProps = defaultProps.labelDefault;
|
|
43
|
+
const LabelWithSchema = reactDesc.describe(Label);
|
|
44
|
+
LabelWithSchema.propTypes = props.labelProps;
|
|
43
45
|
|
|
44
46
|
exports.LabelWithSchema = LabelWithSchema;
|
|
45
|
-
exports[
|
|
46
|
-
//# sourceMappingURL=Label.js.map
|
|
47
|
+
exports["default"] = Label;
|
package/cjs/components/Value.js
CHANGED
|
@@ -2,52 +2,54 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
7
|
var reactDesc = require('react-desc');
|
|
8
8
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
require('../prop-types-15287a6f.js');
|
|
9
|
+
var props = require('./props.js');
|
|
10
|
+
var defaultProps = require('./defaultProps.js');
|
|
12
11
|
|
|
13
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
13
|
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
14
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
+
|
|
16
|
+
const blockName = 'labelValue';
|
|
17
|
+
const ValueStyled = dsClassnames.aggregatedClasses('div')(blockName, 'value', _ref => {
|
|
18
|
+
let {
|
|
19
|
+
size,
|
|
20
|
+
valuePosition,
|
|
21
|
+
valueColor,
|
|
22
|
+
semibold
|
|
23
|
+
} = _ref;
|
|
24
|
+
return {
|
|
25
|
+
[size]: size,
|
|
26
|
+
[valuePosition]: valuePosition,
|
|
27
|
+
[valueColor]: valueColor,
|
|
28
|
+
semibold
|
|
29
|
+
};
|
|
27
30
|
});
|
|
28
31
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
const Value = _ref2 => {
|
|
33
|
+
let {
|
|
34
|
+
children,
|
|
35
|
+
position: valuePosition,
|
|
36
|
+
size,
|
|
37
|
+
color: valueColor,
|
|
38
|
+
semibold = false
|
|
39
|
+
} = _ref2;
|
|
40
|
+
return /*#__PURE__*/_jsx__default["default"](ValueStyled, {
|
|
37
41
|
classProps: {
|
|
38
|
-
size
|
|
39
|
-
valuePosition
|
|
40
|
-
valueColor
|
|
41
|
-
semibold
|
|
42
|
+
size,
|
|
43
|
+
valuePosition,
|
|
44
|
+
valueColor,
|
|
45
|
+
semibold
|
|
42
46
|
}
|
|
43
|
-
}, /*#__PURE__*/
|
|
47
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, children));
|
|
44
48
|
};
|
|
45
49
|
|
|
46
|
-
Value.
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
ValueWithSchema.propTypes = components_props.valueProps;
|
|
50
|
+
Value.defaultProps = defaultProps.valueDefault;
|
|
51
|
+
const ValueWithSchema = reactDesc.describe(Value);
|
|
52
|
+
ValueWithSchema.propTypes = props.valueProps;
|
|
50
53
|
|
|
51
54
|
exports.ValueWithSchema = ValueWithSchema;
|
|
52
|
-
exports[
|
|
53
|
-
//# sourceMappingURL=Value.js.map
|
|
55
|
+
exports["default"] = Value;
|
|
@@ -2,50 +2,61 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
11
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
12
|
+
require('react');
|
|
7
13
|
var reactDesc = require('react-desc');
|
|
8
14
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
require('
|
|
15
|
+
var props = require('./props.js');
|
|
16
|
+
var defaultProps = require('./defaultProps.js');
|
|
17
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
12
18
|
|
|
13
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
20
|
|
|
15
|
-
var
|
|
16
|
-
var
|
|
21
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
22
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
17
23
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
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; }
|
|
25
|
+
|
|
26
|
+
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; }
|
|
27
|
+
const blockName = 'labelValue';
|
|
28
|
+
const LabelValueWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'label-value-wrapper', () => null);
|
|
29
|
+
const Container = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', _ref => {
|
|
30
|
+
let {
|
|
31
|
+
inverted
|
|
32
|
+
} = _ref;
|
|
24
33
|
return {
|
|
25
|
-
inverted
|
|
34
|
+
inverted
|
|
26
35
|
};
|
|
27
36
|
});
|
|
28
37
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
const Wrapper = _ref2 => {
|
|
39
|
+
let {
|
|
40
|
+
containerProps,
|
|
41
|
+
children,
|
|
42
|
+
className,
|
|
43
|
+
icon,
|
|
44
|
+
inverted
|
|
45
|
+
} = _ref2;
|
|
46
|
+
return /*#__PURE__*/_jsx__default["default"](Container, {
|
|
36
47
|
classProps: {
|
|
37
|
-
inverted
|
|
48
|
+
inverted
|
|
38
49
|
}
|
|
39
|
-
}, icon, /*#__PURE__*/
|
|
50
|
+
}, void 0, icon, /*#__PURE__*/jsxRuntime.jsx(LabelValueWrapper, _objectSpread(_objectSpread({
|
|
40
51
|
className: className
|
|
41
|
-
}, containerProps),
|
|
52
|
+
}, containerProps), {}, {
|
|
53
|
+
children: children
|
|
54
|
+
})));
|
|
42
55
|
};
|
|
43
56
|
|
|
44
|
-
Wrapper.
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
WrapperWithSchema.propTypes = components_props.wrapperProps;
|
|
57
|
+
Wrapper.defaultProps = defaultProps.wrapperDefault;
|
|
58
|
+
const WrapperWithSchema = reactDesc.describe(Wrapper);
|
|
59
|
+
WrapperWithSchema.propTypes = props.wrapperProps;
|
|
48
60
|
|
|
49
61
|
exports.WrapperWithSchema = WrapperWithSchema;
|
|
50
|
-
exports[
|
|
51
|
-
//# sourceMappingURL=Wrapper.js.map
|
|
62
|
+
exports["default"] = Wrapper;
|
|
@@ -2,23 +2,23 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var propTypes = require('
|
|
5
|
+
var propTypes = require('@elliemae/ds-shared/prop-types');
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const groupDefault = {
|
|
8
8
|
inline: false,
|
|
9
9
|
orientation: propTypes.orientationVariants.VERTICAL
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
const labelDefault = {
|
|
12
12
|
position: propTypes.position.LEFT,
|
|
13
13
|
color: propTypes.fontColor.NEUTRAL500
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
const valueDefault = {
|
|
16
16
|
position: propTypes.position.LEFT,
|
|
17
17
|
size: propTypes.sizeVariants.M,
|
|
18
18
|
color: propTypes.fontColor.NEUTRAL700,
|
|
19
19
|
semibold: false
|
|
20
20
|
};
|
|
21
|
-
|
|
21
|
+
const wrapperDefault = {
|
|
22
22
|
containerProps: {},
|
|
23
23
|
className: '',
|
|
24
24
|
icon: null,
|
|
@@ -29,4 +29,3 @@ exports.groupDefault = groupDefault;
|
|
|
29
29
|
exports.labelDefault = labelDefault;
|
|
30
30
|
exports.valueDefault = valueDefault;
|
|
31
31
|
exports.wrapperDefault = wrapperDefault;
|
|
32
|
-
//# sourceMappingURL=defaultProps.js.map
|
package/cjs/components/props.js
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var reactDesc = require('react-desc');
|
|
6
|
-
var propTypes = require('
|
|
6
|
+
var propTypes = require('@elliemae/ds-shared/prop-types');
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const groupProps = {
|
|
9
9
|
/**
|
|
10
10
|
* The elements to be wrapped
|
|
11
11
|
*/
|
|
@@ -21,19 +21,19 @@ var groupProps = {
|
|
|
21
21
|
*/
|
|
22
22
|
orientation: reactDesc.PropTypes.string.description("'vertical' or 'horizontal'")
|
|
23
23
|
};
|
|
24
|
-
|
|
24
|
+
const labelProps = {
|
|
25
25
|
children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('Label element').isRequired,
|
|
26
26
|
position: reactDesc.PropTypes.string.description('labels position').defaultValue(propTypes.position.LEFT),
|
|
27
27
|
color: reactDesc.PropTypes.string.description('labels color').defaultValue(propTypes.fontColor.NEUTRAL500)
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
const wrapperProps = {
|
|
30
30
|
containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
|
|
31
31
|
className: reactDesc.PropTypes.string.description('html class attribute'),
|
|
32
32
|
icon: reactDesc.PropTypes.element.description('Icon to be attached near value'),
|
|
33
33
|
inverted: reactDesc.PropTypes.bool.description('Changes the position of the label').defaultValue(false),
|
|
34
34
|
children: reactDesc.PropTypes.element.description('label value').isRequired
|
|
35
35
|
};
|
|
36
|
-
|
|
36
|
+
const valueProps = {
|
|
37
37
|
children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.element, reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('value element').isRequired,
|
|
38
38
|
size: reactDesc.PropTypes.func.description('values size').defaultValue(propTypes.sizeVariants.M),
|
|
39
39
|
position: reactDesc.PropTypes.string.description('position of the value').defaultValue(propTypes.position.LEFT),
|
|
@@ -45,4 +45,3 @@ exports.groupProps = groupProps;
|
|
|
45
45
|
exports.labelProps = labelProps;
|
|
46
46
|
exports.valueProps = valueProps;
|
|
47
47
|
exports.wrapperProps = wrapperProps;
|
|
48
|
-
//# sourceMappingURL=props.js.map
|
package/cjs/index.js
CHANGED
|
@@ -3,25 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var DSLabelValue = require('./DSLabelValue.js');
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
require('@babel/runtime/helpers/extends');
|
|
11
|
-
require('react');
|
|
12
|
-
require('react-desc');
|
|
13
|
-
require('@elliemae/ds-classnames');
|
|
14
|
-
require('./components/props.js');
|
|
15
|
-
require('./prop-types-15287a6f.js');
|
|
16
|
-
require('./components/defaultProps.js');
|
|
17
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
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');
|
|
18
10
|
|
|
19
11
|
|
|
20
12
|
|
|
21
|
-
exports.DSLabelValue = DSLabelValue[
|
|
22
|
-
exports
|
|
23
|
-
exports.WrapperWithSchema =
|
|
24
|
-
exports.GroupWithSchema =
|
|
25
|
-
exports.LabelWithSchema =
|
|
26
|
-
exports.ValueWithSchema =
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
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
|
@@ -6,21 +6,12 @@ import Label from './components/Label.js';
|
|
|
6
6
|
export { LabelWithSchema } from './components/Label.js';
|
|
7
7
|
import Value from './components/Value.js';
|
|
8
8
|
export { ValueWithSchema } from './components/Value.js';
|
|
9
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
10
|
-
import 'react';
|
|
11
|
-
import 'react-desc';
|
|
12
|
-
import '@elliemae/ds-classnames';
|
|
13
|
-
import './components/props.js';
|
|
14
|
-
import './prop-types-2c19033d.js';
|
|
15
|
-
import './components/defaultProps.js';
|
|
16
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
17
9
|
|
|
18
|
-
|
|
19
|
-
Group
|
|
20
|
-
Wrapper
|
|
21
|
-
Label
|
|
22
|
-
Value
|
|
10
|
+
const DSLabelValue = Object.assign(Wrapper, {
|
|
11
|
+
Group,
|
|
12
|
+
Wrapper,
|
|
13
|
+
Label,
|
|
14
|
+
Value
|
|
23
15
|
});
|
|
24
16
|
|
|
25
17
|
export { DSLabelValue as default };
|
|
26
|
-
//# sourceMappingURL=DSLabelValue.js.map
|
package/esm/components/Group.js
CHANGED
|
@@ -1,36 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
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 { groupProps } from './props.js';
|
|
6
6
|
import { groupDefault } from './defaultProps.js';
|
|
7
|
-
import '../prop-types-2c19033d.js';
|
|
8
7
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
+
};
|
|
16
18
|
});
|
|
17
19
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
const Group = _ref2 => {
|
|
21
|
+
let {
|
|
22
|
+
children,
|
|
23
|
+
inline,
|
|
24
|
+
orientation
|
|
25
|
+
} = _ref2;
|
|
26
|
+
return /*#__PURE__*/_jsx(WrapperGroup, {
|
|
23
27
|
classProps: {
|
|
24
|
-
orientation
|
|
25
|
-
inline
|
|
28
|
+
orientation,
|
|
29
|
+
inline
|
|
26
30
|
}
|
|
27
|
-
}, children);
|
|
31
|
+
}, void 0, children);
|
|
28
32
|
};
|
|
29
33
|
|
|
30
|
-
Group.propTypes = groupProps;
|
|
31
34
|
Group.defaultProps = groupDefault;
|
|
32
|
-
|
|
35
|
+
const GroupWithSchema = describe(Group);
|
|
33
36
|
GroupWithSchema.propTypes = groupProps;
|
|
34
37
|
|
|
35
38
|
export { GroupWithSchema, Group as default };
|
|
36
|
-
//# sourceMappingURL=Group.js.map
|
package/esm/components/Label.js
CHANGED
|
@@ -1,36 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
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 { labelProps } from './props.js';
|
|
6
6
|
import { labelDefault } from './defaultProps.js';
|
|
7
|
-
import '../prop-types-2c19033d.js';
|
|
8
7
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return
|
|
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
|
+
};
|
|
16
18
|
});
|
|
17
19
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
const Label = _ref2 => {
|
|
21
|
+
let {
|
|
22
|
+
children,
|
|
23
|
+
position: labelPosition,
|
|
24
|
+
color
|
|
25
|
+
} = _ref2;
|
|
26
|
+
return /*#__PURE__*/_jsx(LabelStyled, {
|
|
23
27
|
classProps: {
|
|
24
|
-
labelPosition
|
|
25
|
-
color
|
|
28
|
+
labelPosition,
|
|
29
|
+
color
|
|
26
30
|
}
|
|
27
|
-
}, children);
|
|
31
|
+
}, void 0, children);
|
|
28
32
|
};
|
|
29
33
|
|
|
30
|
-
Label.propTypes = labelProps;
|
|
31
34
|
Label.defaultProps = labelDefault;
|
|
32
|
-
|
|
35
|
+
const LabelWithSchema = describe(Label);
|
|
33
36
|
LabelWithSchema.propTypes = labelProps;
|
|
34
37
|
|
|
35
38
|
export { LabelWithSchema, Label as default };
|
|
36
|
-
//# sourceMappingURL=Label.js.map
|