@elliemae/ds-label-value 3.5.0-rc.0 → 3.5.0-rc.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.
- package/dist/cjs/DSLabelValue.js +4 -1
- package/dist/cjs/DSLabelValue.js.map +2 -2
- package/dist/cjs/components/Group.js +17 -9
- package/dist/cjs/components/Group.js.map +1 -1
- package/dist/cjs/components/Label.js +17 -9
- package/dist/cjs/components/Label.js.map +1 -1
- package/dist/cjs/components/Value.js +21 -11
- package/dist/cjs/components/Value.js.map +1 -1
- package/dist/cjs/components/Wrapper.js +28 -12
- package/dist/cjs/components/Wrapper.js.map +1 -1
- package/dist/cjs/components/defaultProps.js +4 -1
- package/dist/cjs/components/defaultProps.js.map +1 -1
- package/dist/cjs/components/props.js +4 -1
- package/dist/cjs/components/props.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/DSLabelValue.js.map +1 -1
- package/dist/esm/components/Group.js +13 -8
- package/dist/esm/components/Group.js.map +1 -1
- package/dist/esm/components/Label.js +13 -8
- package/dist/esm/components/Label.js.map +1 -1
- package/dist/esm/components/Value.js +17 -10
- package/dist/esm/components/Value.js.map +1 -1
- package/dist/esm/components/Wrapper.js +24 -11
- package/dist/esm/components/Wrapper.js.map +1 -1
- package/dist/esm/components/defaultProps.js.map +1 -1
- package/dist/esm/components/props.js.map +1 -1
- package/dist/esm/index.js.map +2 -2
- package/package.json +4 -4
package/dist/cjs/DSLabelValue.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var DSLabelValue_exports = {};
|
|
23
26
|
__export(DSLabelValue_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSLabelValue.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
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": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA2C;AAC3C,mBAAuC;AACvC,mBAAuC;AACvC,mBAAuC;AAEvC,MAAM,eAAe,OAAO,OAAO,eAAAA,SAAS;AAAA,EAC1C,oBAAAC;AAAA,EACA,wBAAAD;AAAA,EACA,oBAAAE;AAAA,EACA,oBAAAC;AACF,CAAC;AAGD,IAAO,uBAAQ;",
|
|
6
|
+
"names": ["Wrapper", "Group", "Label", "Value"]
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var Group_exports = {};
|
|
23
26
|
__export(Group_exports, {
|
|
@@ -26,19 +29,24 @@ __export(Group_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(Group_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
34
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
32
35
|
var import_props = require("./props");
|
|
33
36
|
var import_defaultProps = require("./defaultProps");
|
|
34
37
|
const blockName = "labelValueGroup";
|
|
35
|
-
const WrapperGroup = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
38
|
+
const WrapperGroup = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
39
|
+
blockName,
|
|
40
|
+
"wrapper",
|
|
41
|
+
({ orientation, inline }) => ({
|
|
42
|
+
inline,
|
|
43
|
+
[orientation]: orientation
|
|
44
|
+
})
|
|
45
|
+
);
|
|
46
|
+
const Group = ({ children, inline, orientation }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperGroup, {
|
|
47
|
+
classProps: { orientation, inline },
|
|
48
|
+
children
|
|
49
|
+
});
|
|
42
50
|
Group.propTypes = import_props.groupProps;
|
|
43
51
|
Group.defaultProps = import_defaultProps.groupDefault;
|
|
44
52
|
Group.displayName = "Group";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nGroup.displayName = 'Group';\nconst GroupWithSchema = describe(Group);\nGroupWithSchema.propTypes = groupProps;\n\nexport { GroupWithSchema };\nexport default Group;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,mBAAe,wCAAkB,KAAK;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,aAAa,OAAO,OAAO;AAAA,IAC5B;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AACF;AAEA,MAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,YAAY,MAC7C,4CAAC;AAAA,EAAa,YAAY,EAAE,aAAa,OAAO;AAAA,EAAI;AAAA,CAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var Label_exports = {};
|
|
23
26
|
__export(Label_exports, {
|
|
@@ -26,19 +29,24 @@ __export(Label_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(Label_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
34
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
32
35
|
var import_props = require("./props");
|
|
33
36
|
var import_defaultProps = require("./defaultProps");
|
|
34
37
|
const blockName = "labelValue";
|
|
35
|
-
const LabelStyled = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
38
|
+
const LabelStyled = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
39
|
+
blockName,
|
|
40
|
+
"label",
|
|
41
|
+
({ labelPosition, labelColor }) => ({
|
|
42
|
+
[labelPosition]: labelPosition,
|
|
43
|
+
[labelColor]: labelColor
|
|
44
|
+
})
|
|
45
|
+
);
|
|
46
|
+
const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelStyled, {
|
|
47
|
+
classProps: { labelPosition, color },
|
|
48
|
+
children
|
|
49
|
+
});
|
|
42
50
|
Label.propTypes = import_props.labelProps;
|
|
43
51
|
Label.defaultProps = import_defaultProps.labelDefault;
|
|
44
52
|
Label.displayName = "Label";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Label.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nLabel.displayName = 'Label';\nconst LabelWithSchema = describe(Label);\nLabelWithSchema.propTypes = labelProps;\n\nexport { LabelWithSchema };\nexport default Label;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,kBAAc,wCAAkB,KAAK;AAAA,EACzC;AAAA,EACA;AAAA,EACA,CAAC,EAAE,eAAe,WAAW,OAAO;AAAA,IAClC,CAAC,gBAAgB;AAAA,IACjB,CAAC,aAAa;AAAA,EAChB;AACF;AAEA,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,MACxD,4CAAC;AAAA,EAAY,YAAY,EAAE,eAAe,MAAM;AAAA,EAAI;AAAA,CAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var Value_exports = {};
|
|
23
26
|
__export(Value_exports, {
|
|
@@ -26,32 +29,39 @@ __export(Value_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(Value_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
34
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
32
35
|
var import_props = require("./props");
|
|
33
36
|
var import_defaultProps = require("./defaultProps");
|
|
34
37
|
const blockName = "labelValue";
|
|
35
|
-
const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
39
|
+
blockName,
|
|
40
|
+
"value",
|
|
41
|
+
({ size, valuePosition, valueColor, semibold }) => ({
|
|
42
|
+
[size]: size,
|
|
43
|
+
[valuePosition]: valuePosition,
|
|
44
|
+
[valueColor]: valueColor,
|
|
45
|
+
semibold
|
|
46
|
+
})
|
|
47
|
+
);
|
|
41
48
|
const Value = ({
|
|
42
49
|
children,
|
|
43
50
|
position: valuePosition,
|
|
44
51
|
size,
|
|
45
52
|
color: valueColor,
|
|
46
53
|
semibold = false
|
|
47
|
-
}) => /* @__PURE__ */
|
|
54
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueStyled, {
|
|
48
55
|
classProps: {
|
|
49
56
|
size,
|
|
50
57
|
valuePosition,
|
|
51
58
|
valueColor,
|
|
52
59
|
semibold
|
|
53
|
-
}
|
|
54
|
-
|
|
60
|
+
},
|
|
61
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
62
|
+
children
|
|
63
|
+
})
|
|
64
|
+
});
|
|
55
65
|
Value.propTypes = import_props.valueProps;
|
|
56
66
|
Value.defaultProps = import_defaultProps.valueDefault;
|
|
57
67
|
Value.displayName = "Value";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Value.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nValue.displayName = 'Value';\nconst ValueWithSchema = describe(Value);\nValueWithSchema.propTypes = valueProps;\n\nexport { ValueWithSchema };\nexport default Value;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,kBAAc,wCAAkB,KAAK;AAAA,EACzC;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,eAAe,YAAY,SAAS,OAAO;AAAA,IAClD,CAAC,OAAO;AAAA,IACR,CAAC,gBAAgB;AAAA,IACjB,CAAC,aAAa;AAAA,IACd;AAAA,EACF;AACF;AAEA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AACb,MACE,4CAAC;AAAA,EACC,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,sDAAC;AAAA,IAAM;AAAA,GAAS;AAAA,CAClB;AAGF,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var Wrapper_exports = {};
|
|
23
26
|
__export(Wrapper_exports, {
|
|
@@ -26,22 +29,35 @@ __export(Wrapper_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(Wrapper_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
34
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
32
35
|
var import_props = require("./props");
|
|
33
36
|
var import_defaultProps = require("./defaultProps");
|
|
34
37
|
const blockName = "labelValue";
|
|
35
|
-
const LabelValueWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
38
|
+
const LabelValueWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
39
|
+
blockName,
|
|
40
|
+
"label-value-wrapper",
|
|
41
|
+
() => null
|
|
42
|
+
);
|
|
43
|
+
const Container = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
44
|
+
blockName,
|
|
45
|
+
"wrapper",
|
|
46
|
+
({ inverted }) => ({
|
|
47
|
+
inverted
|
|
48
|
+
})
|
|
49
|
+
);
|
|
50
|
+
const Wrapper = ({ containerProps, children, className, icon, inverted }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
|
|
51
|
+
classProps: { inverted },
|
|
52
|
+
children: [
|
|
53
|
+
icon,
|
|
54
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelValueWrapper, {
|
|
55
|
+
className,
|
|
56
|
+
...containerProps,
|
|
57
|
+
children
|
|
58
|
+
})
|
|
59
|
+
]
|
|
60
|
+
});
|
|
45
61
|
Wrapper.propTypes = import_props.wrapperProps;
|
|
46
62
|
Wrapper.defaultProps = import_defaultProps.wrapperDefault;
|
|
47
63
|
Wrapper.displayName = "Wrapper";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Wrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nWrapper.displayName = 'Wrapper';\nconst WrapperWithSchema = describe(Wrapper);\nWrapperWithSchema.propTypes = wrapperProps;\n\nexport { WrapperWithSchema };\nexport default Wrapper;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAyB;AACzB,2BAAkC;AAClC,mBAA6B;AAC7B,0BAA+B;AAE/B,MAAM,YAAY;AAElB,MAAM,wBAAoB,wCAAkB,KAAK;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,MAAM;AACR;AACA,MAAM,gBAAY,wCAAkB,KAAK;AAAA,EACvC;AAAA,EACA;AAAA,EACA,CAAC,EAAE,SAAS,OAAO;AAAA,IACjB;AAAA,EACF;AACF;AAEA,MAAM,UAAU,CAAC,EAAE,gBAAgB,UAAU,WAAW,MAAM,SAAS,MACrE,6CAAC;AAAA,EAAU,YAAY,EAAE,SAAS;AAAA,EAC/B;AAAA;AAAA,IACD,4CAAC;AAAA,MAAkB;AAAA,MAAuB,GAAG;AAAA,MAC1C;AAAA,KACH;AAAA;AAAA,CACF;AAGF,QAAQ,YAAY;AACpB,QAAQ,eAAe;AACvB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,8BAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var defaultProps_exports = {};
|
|
23
26
|
__export(defaultProps_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { orientationVariants, position, sizeVariants, fontColor } from '@elliemae/ds-shared';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuE;AAEhE,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,aAAa,qCAAoB;AACnC;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU,0BAAS;AAAA,EACnB,OAAO,2BAAU;AACnB;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU,0BAAS;AAAA,EACnB,MAAM,8BAAa;AAAA,EACnB,OAAO,2BAAU;AAAA,EACjB,UAAU;AACZ;AAEO,MAAM,iBAAiB;AAAA,EAC5B,gBAAgB,CAAC;AAAA,EACjB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AACZ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var props_exports = {};
|
|
23
26
|
__export(props_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n /**\n * The elements to be wrapped\n */\n children: PropTypes.node.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.node.description('Label element').isRequired,\n position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n className: PropTypes.string.description('html class attribute'),\n icon: PropTypes.element.description('Icon to be attached near value'),\n inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n children: PropTypes.node.description('value element').isRequired,\n size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,uBAAkD;AAE3C,MAAM,aAAa;AAAA,EAIxB,UAAU,8BAAU,KAAK,YAAY,4BAA4B;AAAA,EAIjE,QAAQ,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAIxE,aAAa,8BAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,8BAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,8BAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,0BAAS,IAAI;AAAA,EACpF,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE,aAAa,2BAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,8BAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,8BAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,8BAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,8BAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,8BAAU,OAAO,YAAY,aAAa,EAAE,aAAa,8BAAa,CAAC;AAAA,EAC7E,UAAU,8BAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,0BAAS,IAAI;AAAA,EAC1F,OAAO,8BAAU,OAAO,YAAY,aAAa,EAAE,aAAa,2BAAU,UAAU;AAAA,EACpF,UAAU,8BAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var src_exports = {};
|
|
23
26
|
__export(src_exports, {
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export {\n default,\n default as DSLabelValue,\n WrapperWithSchema,\n GroupWithSchema,\n LabelWithSchema,\n ValueWithSchema,\n} from './DSLabelValue';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAOO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSLabelValue.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,WAAW,yBAAyB;AAC3C,OAAO,SAAS,uBAAuB;AACvC,OAAO,SAAS,uBAAuB;AACvC,OAAO,SAAS,uBAAuB;AAEvC,MAAM,eAAe,OAAO,OAAO,SAAS;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGD,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
5
|
import { groupProps } from "./props";
|
|
6
6
|
import { groupDefault } from "./defaultProps";
|
|
7
7
|
const blockName = "labelValueGroup";
|
|
8
|
-
const WrapperGroup = aggregatedClasses("div")(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
8
|
+
const WrapperGroup = aggregatedClasses("div")(
|
|
9
|
+
blockName,
|
|
10
|
+
"wrapper",
|
|
11
|
+
({ orientation, inline }) => ({
|
|
12
|
+
inline,
|
|
13
|
+
[orientation]: orientation
|
|
14
|
+
})
|
|
15
|
+
);
|
|
16
|
+
const Group = ({ children, inline, orientation }) => /* @__PURE__ */ jsx(WrapperGroup, {
|
|
17
|
+
classProps: { orientation, inline },
|
|
18
|
+
children
|
|
19
|
+
});
|
|
15
20
|
Group.propTypes = groupProps;
|
|
16
21
|
Group.defaultProps = groupDefault;
|
|
17
22
|
Group.displayName = "Group";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Group.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nGroup.displayName = 'Group';\nconst GroupWithSchema = describe(Group);\nGroupWithSchema.propTypes = groupProps;\n\nexport { GroupWithSchema };\nexport default Group;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,eAAe,kBAAkB,KAAK;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,aAAa,OAAO,OAAO;AAAA,IAC5B;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AACF;AAEA,MAAM,QAAQ,CAAC,EAAE,UAAU,QAAQ,YAAY,MAC7C,oBAAC;AAAA,EAAa,YAAY,EAAE,aAAa,OAAO;AAAA,EAAI;AAAA,CAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
5
|
import { labelProps } from "./props";
|
|
6
6
|
import { labelDefault } from "./defaultProps";
|
|
7
7
|
const blockName = "labelValue";
|
|
8
|
-
const LabelStyled = aggregatedClasses("div")(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
8
|
+
const LabelStyled = aggregatedClasses("div")(
|
|
9
|
+
blockName,
|
|
10
|
+
"label",
|
|
11
|
+
({ labelPosition, labelColor }) => ({
|
|
12
|
+
[labelPosition]: labelPosition,
|
|
13
|
+
[labelColor]: labelColor
|
|
14
|
+
})
|
|
15
|
+
);
|
|
16
|
+
const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */ jsx(LabelStyled, {
|
|
17
|
+
classProps: { labelPosition, color },
|
|
18
|
+
children
|
|
19
|
+
});
|
|
15
20
|
Label.propTypes = labelProps;
|
|
16
21
|
Label.defaultProps = labelDefault;
|
|
17
22
|
Label.displayName = "Label";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Label.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nLabel.displayName = 'Label';\nconst LabelWithSchema = describe(Label);\nLabelWithSchema.propTypes = labelProps;\n\nexport { LabelWithSchema };\nexport default Label;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,cAAc,kBAAkB,KAAK;AAAA,EACzC;AAAA,EACA;AAAA,EACA,CAAC,EAAE,eAAe,WAAW,OAAO;AAAA,IAClC,CAAC,gBAAgB;AAAA,IACjB,CAAC,aAAa;AAAA,EAChB;AACF;AAEA,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,MACxD,oBAAC;AAAA,EAAY,YAAY,EAAE,eAAe,MAAM;AAAA,EAAI;AAAA,CAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,30 +1,37 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
5
|
import { valueProps } from "./props";
|
|
6
6
|
import { valueDefault } from "./defaultProps";
|
|
7
7
|
const blockName = "labelValue";
|
|
8
|
-
const ValueStyled = aggregatedClasses("div")(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
const ValueStyled = aggregatedClasses("div")(
|
|
9
|
+
blockName,
|
|
10
|
+
"value",
|
|
11
|
+
({ size, valuePosition, valueColor, semibold }) => ({
|
|
12
|
+
[size]: size,
|
|
13
|
+
[valuePosition]: valuePosition,
|
|
14
|
+
[valueColor]: valueColor,
|
|
15
|
+
semibold
|
|
16
|
+
})
|
|
17
|
+
);
|
|
14
18
|
const Value = ({
|
|
15
19
|
children,
|
|
16
20
|
position: valuePosition,
|
|
17
21
|
size,
|
|
18
22
|
color: valueColor,
|
|
19
23
|
semibold = false
|
|
20
|
-
}) => /* @__PURE__ */
|
|
24
|
+
}) => /* @__PURE__ */ jsx(ValueStyled, {
|
|
21
25
|
classProps: {
|
|
22
26
|
size,
|
|
23
27
|
valuePosition,
|
|
24
28
|
valueColor,
|
|
25
29
|
semibold
|
|
26
|
-
}
|
|
27
|
-
|
|
30
|
+
},
|
|
31
|
+
children: /* @__PURE__ */ jsx("span", {
|
|
32
|
+
children
|
|
33
|
+
})
|
|
34
|
+
});
|
|
28
35
|
Value.propTypes = valueProps;
|
|
29
36
|
Value.defaultProps = valueDefault;
|
|
30
37
|
Value.displayName = "Value";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Value.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nValue.displayName = 'Value';\nconst ValueWithSchema = describe(Value);\nValueWithSchema.propTypes = valueProps;\n\nexport { ValueWithSchema };\nexport default Value;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,cAAc,kBAAkB,KAAK;AAAA,EACzC;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,eAAe,YAAY,SAAS,OAAO;AAAA,IAClD,CAAC,OAAO;AAAA,IACR,CAAC,gBAAgB;AAAA,IACjB,CAAC,aAAa;AAAA,IACd;AAAA,EACF;AACF;AAEA,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,WAAW;AACb,MACE,oBAAC;AAAA,EACC,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,8BAAC;AAAA,IAAM;AAAA,GAAS;AAAA,CAClB;AAGF,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,20 +1,33 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
5
|
import { wrapperProps } from "./props";
|
|
6
6
|
import { wrapperDefault } from "./defaultProps";
|
|
7
7
|
const blockName = "labelValue";
|
|
8
|
-
const LabelValueWrapper = aggregatedClasses("div")(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
const LabelValueWrapper = aggregatedClasses("div")(
|
|
9
|
+
blockName,
|
|
10
|
+
"label-value-wrapper",
|
|
11
|
+
() => null
|
|
12
|
+
);
|
|
13
|
+
const Container = aggregatedClasses("div")(
|
|
14
|
+
blockName,
|
|
15
|
+
"wrapper",
|
|
16
|
+
({ inverted }) => ({
|
|
17
|
+
inverted
|
|
18
|
+
})
|
|
19
|
+
);
|
|
20
|
+
const Wrapper = ({ containerProps, children, className, icon, inverted }) => /* @__PURE__ */ jsxs(Container, {
|
|
21
|
+
classProps: { inverted },
|
|
22
|
+
children: [
|
|
23
|
+
icon,
|
|
24
|
+
/* @__PURE__ */ jsx(LabelValueWrapper, {
|
|
25
|
+
className,
|
|
26
|
+
...containerProps,
|
|
27
|
+
children
|
|
28
|
+
})
|
|
29
|
+
]
|
|
30
|
+
});
|
|
18
31
|
Wrapper.propTypes = wrapperProps;
|
|
19
32
|
Wrapper.defaultProps = wrapperDefault;
|
|
20
33
|
Wrapper.displayName = "Wrapper";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Wrapper.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nWrapper.displayName = 'Wrapper';\nconst WrapperWithSchema = describe(Wrapper);\nWrapperWithSchema.propTypes = wrapperProps;\n\nexport { WrapperWithSchema };\nexport default Wrapper;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,MAAM,YAAY;AAElB,MAAM,oBAAoB,kBAAkB,KAAK;AAAA,EAC/C;AAAA,EACA;AAAA,EACA,MAAM;AACR;AACA,MAAM,YAAY,kBAAkB,KAAK;AAAA,EACvC;AAAA,EACA;AAAA,EACA,CAAC,EAAE,SAAS,OAAO;AAAA,IACjB;AAAA,EACF;AACF;AAEA,MAAM,UAAU,CAAC,EAAE,gBAAgB,UAAU,WAAW,MAAM,SAAS,MACrE,qBAAC;AAAA,EAAU,YAAY,EAAE,SAAS;AAAA,EAC/B;AAAA;AAAA,IACD,oBAAC;AAAA,MAAkB;AAAA,MAAuB,GAAG;AAAA,MAC1C;AAAA,KACH;AAAA;AAAA,CACF;AAGF,QAAQ,YAAY;AACpB,QAAQ,eAAe;AACvB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/defaultProps.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { orientationVariants, position, sizeVariants, fontColor } from '@elliemae/ds-shared';\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"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB,UAAU,cAAc,iBAAiB;AAEhE,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,aAAa,oBAAoB;AACnC;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU,SAAS;AAAA,EACnB,OAAO,UAAU;AACnB;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU,SAAS;AAAA,EACnB,MAAM,aAAa;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU;AACZ;AAEO,MAAM,iBAAiB;AAAA,EAC5B,gBAAgB,CAAC;AAAA,EACjB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AACZ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/props.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n /**\n * The elements to be wrapped\n */\n children: PropTypes.node.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.node.description('Label element').isRequired,\n position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n className: PropTypes.string.description('html class attribute'),\n icon: PropTypes.element.description('Icon to be attached near value'),\n inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n children: PropTypes.node.description('value element').isRequired,\n size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,UAAU,WAAW,oBAAoB;AAE3C,MAAM,aAAa;AAAA,EAIxB,UAAU,UAAU,KAAK,YAAY,4BAA4B;AAAA,EAIjE,QAAQ,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAIxE,aAAa,UAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,SAAS,IAAI;AAAA,EACpF,OAAO,UAAU,OAAO,YAAY,cAAc,EAAE,aAAa,UAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,UAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,UAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,UAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,UAAU,OAAO,YAAY,aAAa,EAAE,aAAa,aAAa,CAAC;AAAA,EAC7E,UAAU,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,SAAS,IAAI;AAAA,EAC1F,OAAO,UAAU,OAAO,YAAY,aAAa,EAAE,aAAa,UAAU,UAAU;AAAA,EACpF,UAAU,UAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n default,\n default as DSLabelValue,\n WrapperWithSchema,\n GroupWithSchema,\n LabelWithSchema,\n ValueWithSchema,\n} from './DSLabelValue';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE,WAAAA;AAAA,EACW,WAAXA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-label-value",
|
|
3
|
-
"version": "3.5.0-rc.
|
|
3
|
+
"version": "3.5.0-rc.11",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Label value",
|
|
6
6
|
"files": [
|
|
@@ -63,9 +63,9 @@
|
|
|
63
63
|
"indent": 4
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@elliemae/ds-classnames": "3.5.0-rc.
|
|
67
|
-
"@elliemae/ds-shared": "3.5.0-rc.
|
|
68
|
-
"@elliemae/ds-utilities": "3.5.0-rc.
|
|
66
|
+
"@elliemae/ds-classnames": "3.5.0-rc.11",
|
|
67
|
+
"@elliemae/ds-shared": "3.5.0-rc.11",
|
|
68
|
+
"@elliemae/ds-utilities": "3.5.0-rc.11"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"lodash": "^4.17.21",
|