@elliemae/ds-label-value 3.11.1-rc.1 → 3.12.0-next.1
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/components/Group.js +4 -8
- package/dist/cjs/components/Group.js.map +2 -2
- package/dist/cjs/components/Label.js +4 -8
- package/dist/cjs/components/Label.js.map +2 -2
- package/dist/cjs/components/Value.js +7 -17
- package/dist/cjs/components/Value.js.map +2 -2
- package/dist/cjs/components/Wrapper.js +4 -12
- package/dist/cjs/components/Wrapper.js.map +2 -2
- package/dist/esm/components/Group.js +4 -8
- package/dist/esm/components/Group.js.map +2 -2
- package/dist/esm/components/Label.js +4 -8
- package/dist/esm/components/Label.js.map +2 -2
- package/dist/esm/components/Value.js +7 -17
- package/dist/esm/components/Value.js.map +2 -2
- package/dist/esm/components/Wrapper.js +4 -12
- package/dist/esm/components/Wrapper.js.map +2 -2
- package/package.json +7 -4
|
@@ -35,14 +35,10 @@ var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
|
35
35
|
var import_props = require("./props");
|
|
36
36
|
var import_defaultProps = require("./defaultProps");
|
|
37
37
|
const blockName = "labelValueGroup";
|
|
38
|
-
const WrapperGroup = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
inline,
|
|
43
|
-
[orientation]: orientation
|
|
44
|
-
})
|
|
45
|
-
);
|
|
38
|
+
const WrapperGroup = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ orientation, inline }) => ({
|
|
39
|
+
inline,
|
|
40
|
+
[orientation]: orientation
|
|
41
|
+
}));
|
|
46
42
|
const Group = ({ children, inline, orientation }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperGroup, {
|
|
47
43
|
classProps: { orientation, inline },
|
|
48
44
|
children
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Group.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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')(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
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')(blockName, 'wrapper', ({ orientation, inline }) => ({\n inline,\n [orientation]: orientation,\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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,mBAAe,wCAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,aAAa,OAAO,OAAO;AAAA,EAChG;AAAA,EACA,CAAC,cAAc;AACjB,EAAE;AAEF,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
|
}
|
|
@@ -35,14 +35,10 @@ var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
|
35
35
|
var import_props = require("./props");
|
|
36
36
|
var import_defaultProps = require("./defaultProps");
|
|
37
37
|
const blockName = "labelValue";
|
|
38
|
-
const LabelStyled = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
[labelPosition]: labelPosition,
|
|
43
|
-
[labelColor]: labelColor
|
|
44
|
-
})
|
|
45
|
-
);
|
|
38
|
+
const LabelStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ labelPosition, labelColor }) => ({
|
|
39
|
+
[labelPosition]: labelPosition,
|
|
40
|
+
[labelColor]: labelColor
|
|
41
|
+
}));
|
|
46
42
|
const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelStyled, {
|
|
47
43
|
classProps: { labelPosition, color },
|
|
48
44
|
children
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Label.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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')(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
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')(blockName, 'label', ({ labelPosition, labelColor }) => ({\n [labelPosition]: labelPosition,\n [labelColor]: labelColor,\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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,eAAe,WAAW,OAAO;AAAA,EACnG,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAChB,EAAE;AAEF,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
|
}
|
|
@@ -35,23 +35,13 @@ var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
|
35
35
|
var import_props = require("./props");
|
|
36
36
|
var import_defaultProps = require("./defaultProps");
|
|
37
37
|
const blockName = "labelValue";
|
|
38
|
-
const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
semibold
|
|
46
|
-
})
|
|
47
|
-
);
|
|
48
|
-
const Value = ({
|
|
49
|
-
children,
|
|
50
|
-
position: valuePosition,
|
|
51
|
-
size,
|
|
52
|
-
color: valueColor,
|
|
53
|
-
semibold = false
|
|
54
|
-
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueStyled, {
|
|
38
|
+
const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "value", ({ size, valuePosition, valueColor, semibold }) => ({
|
|
39
|
+
[size]: size,
|
|
40
|
+
[valuePosition]: valuePosition,
|
|
41
|
+
[valueColor]: valueColor,
|
|
42
|
+
semibold
|
|
43
|
+
}));
|
|
44
|
+
const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ValueStyled, {
|
|
55
45
|
classProps: {
|
|
56
46
|
size,
|
|
57
47
|
valuePosition,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Value.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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')(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
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')(blockName, 'value', ({ size, valuePosition, valueColor, semibold }) => ({\n [size]: size,\n [valuePosition]: valuePosition,\n [valueColor]: valueColor,\n semibold,\n}));\n\nconst Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => (\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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBnB;AAvBJ,0BAAyB;AACzB,2BAAkC;AAClC,mBAA2B;AAC3B,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,kBAAc,wCAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,MAAM,eAAe,YAAY,SAAS,OAAO;AAAA,EACnH,CAAC,OAAO;AAAA,EACR,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAAA,EACd;AACF,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,OAAO,YAAY,WAAW,MAAM,MAC5F,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
|
}
|
|
@@ -35,18 +35,10 @@ var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
|
35
35
|
var import_props = require("./props");
|
|
36
36
|
var import_defaultProps = require("./defaultProps");
|
|
37
37
|
const blockName = "labelValue";
|
|
38
|
-
const LabelValueWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
);
|
|
43
|
-
const Container = (0, import_ds_classnames.aggregatedClasses)("div")(
|
|
44
|
-
blockName,
|
|
45
|
-
"wrapper",
|
|
46
|
-
({ inverted }) => ({
|
|
47
|
-
inverted
|
|
48
|
-
})
|
|
49
|
-
);
|
|
38
|
+
const LabelValueWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label-value-wrapper", () => null);
|
|
39
|
+
const Container = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ inverted }) => ({
|
|
40
|
+
inverted
|
|
41
|
+
}));
|
|
50
42
|
const Wrapper = ({ containerProps, children, className, icon, inverted }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
|
|
51
43
|
classProps: { inverted },
|
|
52
44
|
children: [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Wrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
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')(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
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')(blockName, 'label-value-wrapper', () => null);\nconst Container = aggregatedClasses('div')(blockName, 'wrapper', ({ inverted }) => ({\n inverted,\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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcrB;AAbF,0BAAyB;AACzB,2BAAkC;AAClC,mBAA6B;AAC7B,0BAA+B;AAE/B,MAAM,YAAY;AAElB,MAAM,wBAAoB,wCAAkB,KAAK,EAAE,WAAW,uBAAuB,MAAM,IAAI;AAC/F,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,SAAS,OAAO;AAAA,EAClF;AACF,EAAE;AAEF,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
|
}
|
|
@@ -5,14 +5,10 @@ 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
|
-
inline,
|
|
13
|
-
[orientation]: orientation
|
|
14
|
-
})
|
|
15
|
-
);
|
|
8
|
+
const WrapperGroup = aggregatedClasses("div")(blockName, "wrapper", ({ orientation, inline }) => ({
|
|
9
|
+
inline,
|
|
10
|
+
[orientation]: orientation
|
|
11
|
+
}));
|
|
16
12
|
const Group = ({ children, inline, orientation }) => /* @__PURE__ */ jsx(WrapperGroup, {
|
|
17
13
|
classProps: { orientation, inline },
|
|
18
14
|
children
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Group.tsx"],
|
|
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')(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
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')(blockName, 'wrapper', ({ orientation, inline }) => ({\n inline,\n [orientation]: orientation,\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,YAAY,WAAW;ACcrB;AAbF,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,eAAe,kBAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,aAAa,OAAO,OAAO;AAAA,EAChG;AAAA,EACA,CAAC,cAAc;AACjB,EAAE;AAEF,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
|
}
|
|
@@ -5,14 +5,10 @@ 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
|
-
[labelPosition]: labelPosition,
|
|
13
|
-
[labelColor]: labelColor
|
|
14
|
-
})
|
|
15
|
-
);
|
|
8
|
+
const LabelStyled = aggregatedClasses("div")(blockName, "label", ({ labelPosition, labelColor }) => ({
|
|
9
|
+
[labelPosition]: labelPosition,
|
|
10
|
+
[labelColor]: labelColor
|
|
11
|
+
}));
|
|
16
12
|
const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */ jsx(LabelStyled, {
|
|
17
13
|
classProps: { labelPosition, color },
|
|
18
14
|
children
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Label.tsx"],
|
|
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')(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
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')(blockName, 'label', ({ labelPosition, labelColor }) => ({\n [labelPosition]: labelPosition,\n [labelColor]: labelColor,\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,YAAY,WAAW;ACcrB;AAbF,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,eAAe,WAAW,OAAO;AAAA,EACnG,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAChB,EAAE;AAEF,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
|
}
|
|
@@ -5,23 +5,13 @@ 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
|
-
|
|
14
|
-
|
|
15
|
-
semibold
|
|
16
|
-
})
|
|
17
|
-
);
|
|
18
|
-
const Value = ({
|
|
19
|
-
children,
|
|
20
|
-
position: valuePosition,
|
|
21
|
-
size,
|
|
22
|
-
color: valueColor,
|
|
23
|
-
semibold = false
|
|
24
|
-
}) => /* @__PURE__ */ jsx(ValueStyled, {
|
|
8
|
+
const ValueStyled = aggregatedClasses("div")(blockName, "value", ({ size, valuePosition, valueColor, semibold }) => ({
|
|
9
|
+
[size]: size,
|
|
10
|
+
[valuePosition]: valuePosition,
|
|
11
|
+
[valueColor]: valueColor,
|
|
12
|
+
semibold
|
|
13
|
+
}));
|
|
14
|
+
const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => /* @__PURE__ */ jsx(ValueStyled, {
|
|
25
15
|
classProps: {
|
|
26
16
|
size,
|
|
27
17
|
valuePosition,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Value.tsx"],
|
|
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')(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
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')(blockName, 'value', ({ size, valuePosition, valueColor, semibold }) => ({\n [size]: size,\n [valuePosition]: valuePosition,\n [valueColor]: valueColor,\n semibold,\n}));\n\nconst Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => (\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,YAAY,WAAW;ACwBnB;AAvBJ,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,cAAc,kBAAkB,KAAK,EAAE,WAAW,SAAS,CAAC,EAAE,MAAM,eAAe,YAAY,SAAS,OAAO;AAAA,EACnH,CAAC,OAAO;AAAA,EACR,CAAC,gBAAgB;AAAA,EACjB,CAAC,aAAa;AAAA,EACd;AACF,EAAE;AAEF,MAAM,QAAQ,CAAC,EAAE,UAAU,UAAU,eAAe,MAAM,OAAO,YAAY,WAAW,MAAM,MAC5F,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
|
}
|
|
@@ -5,18 +5,10 @@ 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
|
-
const Container = aggregatedClasses("div")(
|
|
14
|
-
blockName,
|
|
15
|
-
"wrapper",
|
|
16
|
-
({ inverted }) => ({
|
|
17
|
-
inverted
|
|
18
|
-
})
|
|
19
|
-
);
|
|
8
|
+
const LabelValueWrapper = aggregatedClasses("div")(blockName, "label-value-wrapper", () => null);
|
|
9
|
+
const Container = aggregatedClasses("div")(blockName, "wrapper", ({ inverted }) => ({
|
|
10
|
+
inverted
|
|
11
|
+
}));
|
|
20
12
|
const Wrapper = ({ containerProps, children, className, icon, inverted }) => /* @__PURE__ */ jsxs(Container, {
|
|
21
13
|
classProps: { inverted },
|
|
22
14
|
children: [
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Wrapper.tsx"],
|
|
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')(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
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')(blockName, 'label-value-wrapper', () => null);\nconst Container = aggregatedClasses('div')(blockName, 'wrapper', ({ inverted }) => ({\n inverted,\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,YAAY,WAAW;ACcrB,SAEE,KAFF;AAbF,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAE/B,MAAM,YAAY;AAElB,MAAM,oBAAoB,kBAAkB,KAAK,EAAE,WAAW,uBAAuB,MAAM,IAAI;AAC/F,MAAM,YAAY,kBAAkB,KAAK,EAAE,WAAW,WAAW,CAAC,EAAE,SAAS,OAAO;AAAA,EAClF;AACF,EAAE;AAEF,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
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-label-value",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.12.0-next.1",
|
|
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.
|
|
67
|
-
"@elliemae/ds-shared": "3.
|
|
68
|
-
"@elliemae/ds-utilities": "3.
|
|
66
|
+
"@elliemae/ds-classnames": "3.12.0-next.1",
|
|
67
|
+
"@elliemae/ds-shared": "3.12.0-next.1",
|
|
68
|
+
"@elliemae/ds-utilities": "3.12.0-next.1"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"lodash": "^4.17.21",
|
|
@@ -80,8 +80,11 @@
|
|
|
80
80
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
81
81
|
"test": "node ../../scripts/testing/test.mjs",
|
|
82
82
|
"lint": "node ../../scripts/lint.mjs",
|
|
83
|
+
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
83
84
|
"dts": "node ../../scripts/dts.mjs",
|
|
84
85
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
86
|
+
"dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
|
|
87
|
+
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
85
88
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
86
89
|
}
|
|
87
90
|
}
|