@elliemae/ds-label-value 3.16.0-next.3 → 3.16.0-next.5
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 +5 -1
- package/dist/cjs/components/Group.js.map +2 -2
- package/dist/cjs/components/Label.js +5 -1
- package/dist/cjs/components/Label.js.map +2 -2
- package/dist/cjs/components/Value.js +16 -12
- package/dist/cjs/components/Value.js.map +2 -2
- package/dist/cjs/components/Wrapper.js +8 -4
- package/dist/cjs/components/Wrapper.js.map +2 -2
- package/dist/esm/components/Group.js +5 -1
- package/dist/esm/components/Group.js.map +2 -2
- package/dist/esm/components/Label.js +5 -1
- package/dist/esm/components/Label.js.map +2 -2
- package/dist/esm/components/Value.js +16 -12
- package/dist/esm/components/Value.js.map +2 -2
- package/dist/esm/components/Wrapper.js +8 -4
- package/dist/esm/components/Wrapper.js.map +2 -2
- package/package.json +5 -5
|
@@ -30,6 +30,7 @@ __export(Group_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(Group_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
33
34
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
34
35
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
35
36
|
var import_props = require("./props");
|
|
@@ -39,7 +40,10 @@ const WrapperGroup = (0, import_ds_classnames.aggregatedClasses)("div")(blockNam
|
|
|
39
40
|
inline,
|
|
40
41
|
[orientation]: orientation
|
|
41
42
|
}));
|
|
42
|
-
const Group = ({ children, inline, orientation }) =>
|
|
43
|
+
const Group = ({ children, inline, orientation }) => {
|
|
44
|
+
(0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
|
|
45
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperGroup, { classProps: { orientation, inline }, children });
|
|
46
|
+
};
|
|
43
47
|
Group.propTypes = import_props.groupProps;
|
|
44
48
|
Group.defaultProps = import_defaultProps.groupDefault;
|
|
45
49
|
Group.displayName = "Group";
|
|
@@ -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-props-helpers';\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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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 useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n return <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;ADiBd;AAhBT,0BAAsC;AACtC,8BAAyB;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,MAAM;AACnD,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SAAO,4CAAC,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AACtE;AAEA,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -30,6 +30,7 @@ __export(Label_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(Label_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
33
34
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
34
35
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
35
36
|
var import_props = require("./props");
|
|
@@ -39,7 +40,10 @@ const LabelStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName
|
|
|
39
40
|
[labelPosition]: labelPosition,
|
|
40
41
|
[labelColor]: labelColor
|
|
41
42
|
}));
|
|
42
|
-
const Label = ({ children, position: labelPosition, color }) =>
|
|
43
|
+
const Label = ({ children, position: labelPosition, color }) => {
|
|
44
|
+
(0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
|
|
45
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelStyled, { classProps: { labelPosition, color }, children });
|
|
46
|
+
};
|
|
43
47
|
Label.propTypes = import_props.labelProps;
|
|
44
48
|
Label.defaultProps = import_defaultProps.labelDefault;
|
|
45
49
|
Label.displayName = "Label";
|
|
@@ -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-props-helpers';\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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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 useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n return <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>;\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;ADiBd;AAhBT,0BAAsC;AACtC,8BAAyB;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,MAAM;AAC9D,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SAAO,4CAAC,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AACtE;AACA,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -30,6 +30,7 @@ __export(Value_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(Value_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
33
34
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
34
35
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
35
36
|
var import_props = require("./props");
|
|
@@ -41,18 +42,21 @@ const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName
|
|
|
41
42
|
[valueColor]: valueColor,
|
|
42
43
|
semibold
|
|
43
44
|
}));
|
|
44
|
-
const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) =>
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
)
|
|
45
|
+
const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => {
|
|
46
|
+
(0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
|
|
47
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
48
|
+
ValueStyled,
|
|
49
|
+
{
|
|
50
|
+
classProps: {
|
|
51
|
+
size,
|
|
52
|
+
valuePosition,
|
|
53
|
+
valueColor,
|
|
54
|
+
semibold
|
|
55
|
+
},
|
|
56
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
};
|
|
56
60
|
Value.propTypes = import_props.valueProps;
|
|
57
61
|
Value.defaultProps = import_defaultProps.valueDefault;
|
|
58
62
|
Value.displayName = "Value";
|
|
@@ -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-props-helpers';\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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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 useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n return (\n <ValueStyled\n classProps={{\n size,\n valuePosition,\n valueColor,\n semibold,\n }}\n >\n <span>{children}</span>\n </ValueStyled>\n );\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;AD4BjB;AA3BN,0BAAsC;AACtC,8BAAyB;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,MAAM;AAClG,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,sDAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ;AAEA,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,kCAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -30,6 +30,7 @@ __export(Wrapper_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(Wrapper_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
33
34
|
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
34
35
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
35
36
|
var import_props = require("./props");
|
|
@@ -39,10 +40,13 @@ const LabelValueWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blo
|
|
|
39
40
|
const Container = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ inverted }) => ({
|
|
40
41
|
inverted
|
|
41
42
|
}));
|
|
42
|
-
const Wrapper = ({ containerProps, children, className, icon, inverted }) =>
|
|
43
|
-
|
|
44
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
45
|
-
|
|
43
|
+
const Wrapper = ({ containerProps, children, className, icon, inverted }) => {
|
|
44
|
+
(0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
|
|
45
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { classProps: { inverted }, children: [
|
|
46
|
+
icon,
|
|
47
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelValueWrapper, { className, ...containerProps, children })
|
|
48
|
+
] });
|
|
49
|
+
};
|
|
46
50
|
Wrapper.propTypes = import_props.wrapperProps;
|
|
47
51
|
Wrapper.defaultProps = import_defaultProps.wrapperDefault;
|
|
48
52
|
Wrapper.displayName = "Wrapper";
|
|
@@ -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-props-helpers';\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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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 useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n return (\n <Container classProps={{ inverted }}>\n {icon}\n <LabelValueWrapper className={className} {...containerProps}>\n {children}\n </LabelValueWrapper>\n </Container>\n );\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;ADkBnB;AAjBJ,0BAAsC;AACtC,8BAAyB;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,MAAM;AAC3E,iDAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,6CAAC,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,IACD,4CAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,KACF;AAEJ;AAEA,QAAQ,YAAY;AACpB,QAAQ,eAAe;AACvB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useDeprecateComponent } from "@elliemae/ds-utilities";
|
|
3
4
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
5
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
6
|
import { groupProps } from "./props";
|
|
@@ -9,7 +10,10 @@ const WrapperGroup = aggregatedClasses("div")(blockName, "wrapper", ({ orientati
|
|
|
9
10
|
inline,
|
|
10
11
|
[orientation]: orientation
|
|
11
12
|
}));
|
|
12
|
-
const Group = ({ children, inline, orientation }) =>
|
|
13
|
+
const Group = ({ children, inline, orientation }) => {
|
|
14
|
+
useDeprecateComponent({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
|
|
15
|
+
return /* @__PURE__ */ jsx(WrapperGroup, { classProps: { orientation, inline }, children });
|
|
16
|
+
};
|
|
13
17
|
Group.propTypes = groupProps;
|
|
14
18
|
Group.defaultProps = groupDefault;
|
|
15
19
|
Group.displayName = "Group";
|
|
@@ -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-props-helpers';\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
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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 useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n return <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;ACiBd;AAhBT,SAAS,6BAA6B;AACtC,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,MAAM;AACnD,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SAAO,oBAAC,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AACtE;AAEA,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,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useDeprecateComponent } from "@elliemae/ds-utilities";
|
|
3
4
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
5
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
6
|
import { labelProps } from "./props";
|
|
@@ -9,7 +10,10 @@ const LabelStyled = aggregatedClasses("div")(blockName, "label", ({ labelPositio
|
|
|
9
10
|
[labelPosition]: labelPosition,
|
|
10
11
|
[labelColor]: labelColor
|
|
11
12
|
}));
|
|
12
|
-
const Label = ({ children, position: labelPosition, color }) =>
|
|
13
|
+
const Label = ({ children, position: labelPosition, color }) => {
|
|
14
|
+
useDeprecateComponent({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
|
|
15
|
+
return /* @__PURE__ */ jsx(LabelStyled, { classProps: { labelPosition, color }, children });
|
|
16
|
+
};
|
|
13
17
|
Label.propTypes = labelProps;
|
|
14
18
|
Label.defaultProps = labelDefault;
|
|
15
19
|
Label.displayName = "Label";
|
|
@@ -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-props-helpers';\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
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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 useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n return <LabelStyled classProps={{ labelPosition, color }}>{children}</LabelStyled>;\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;ACiBd;AAhBT,SAAS,6BAA6B;AACtC,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,MAAM;AAC9D,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SAAO,oBAAC,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AACtE;AACA,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,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useDeprecateComponent } from "@elliemae/ds-utilities";
|
|
3
4
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
5
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
6
|
import { valueProps } from "./props";
|
|
@@ -11,18 +12,21 @@ const ValueStyled = aggregatedClasses("div")(blockName, "value", ({ size, valueP
|
|
|
11
12
|
[valueColor]: valueColor,
|
|
12
13
|
semibold
|
|
13
14
|
}));
|
|
14
|
-
const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) =>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
)
|
|
15
|
+
const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => {
|
|
16
|
+
useDeprecateComponent({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
|
|
17
|
+
return /* @__PURE__ */ jsx(
|
|
18
|
+
ValueStyled,
|
|
19
|
+
{
|
|
20
|
+
classProps: {
|
|
21
|
+
size,
|
|
22
|
+
valuePosition,
|
|
23
|
+
valueColor,
|
|
24
|
+
semibold
|
|
25
|
+
},
|
|
26
|
+
children: /* @__PURE__ */ jsx("span", { children })
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
};
|
|
26
30
|
Value.propTypes = valueProps;
|
|
27
31
|
Value.defaultProps = valueDefault;
|
|
28
32
|
Value.displayName = "Value";
|
|
@@ -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-props-helpers';\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
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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 useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n return (\n <ValueStyled\n classProps={{\n size,\n valuePosition,\n valueColor,\n semibold,\n }}\n >\n <span>{children}</span>\n </ValueStyled>\n );\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;AC4BjB;AA3BN,SAAS,6BAA6B;AACtC,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,MAAM;AAClG,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,UAAM,UAAS;AAAA;AAAA,EAClB;AAEJ;AAEA,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,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useDeprecateComponent } from "@elliemae/ds-utilities";
|
|
3
4
|
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
5
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
6
|
import { wrapperProps } from "./props";
|
|
@@ -9,10 +10,13 @@ const LabelValueWrapper = aggregatedClasses("div")(blockName, "label-value-wrapp
|
|
|
9
10
|
const Container = aggregatedClasses("div")(blockName, "wrapper", ({ inverted }) => ({
|
|
10
11
|
inverted
|
|
11
12
|
}));
|
|
12
|
-
const Wrapper = ({ containerProps, children, className, icon, inverted }) =>
|
|
13
|
-
|
|
14
|
-
/* @__PURE__ */
|
|
15
|
-
|
|
13
|
+
const Wrapper = ({ containerProps, children, className, icon, inverted }) => {
|
|
14
|
+
useDeprecateComponent({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
|
|
15
|
+
return /* @__PURE__ */ jsxs(Container, { classProps: { inverted }, children: [
|
|
16
|
+
icon,
|
|
17
|
+
/* @__PURE__ */ jsx(LabelValueWrapper, { className, ...containerProps, children })
|
|
18
|
+
] });
|
|
19
|
+
};
|
|
16
20
|
Wrapper.propTypes = wrapperProps;
|
|
17
21
|
Wrapper.defaultProps = wrapperDefault;
|
|
18
22
|
Wrapper.displayName = "Wrapper";
|
|
@@ -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-props-helpers';\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
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-props-helpers';\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 useDeprecateComponent({ componentName: 'ds-label-value', version: '3.x Date: 2023 Q1' });\n\n return (\n <Container classProps={{ inverted }}>\n {icon}\n <LabelValueWrapper className={className} {...containerProps}>\n {children}\n </LabelValueWrapper>\n </Container>\n );\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;ACkBnB,SAEE,KAFF;AAjBJ,SAAS,6BAA6B;AACtC,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,MAAM;AAC3E,wBAAsB,EAAE,eAAe,kBAAkB,SAAS,oBAAoB,CAAC;AAEvF,SACE,qBAAC,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,IACD,oBAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,KACF;AAEJ;AAEA,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.16.0-next.
|
|
3
|
+
"version": "3.16.0-next.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Label value",
|
|
6
6
|
"files": [
|
|
@@ -63,10 +63,10 @@
|
|
|
63
63
|
"indent": 4
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@elliemae/ds-classnames": "3.16.0-next.
|
|
67
|
-
"@elliemae/ds-props-helpers": "3.16.0-next.
|
|
68
|
-
"@elliemae/ds-shared": "3.16.0-next.
|
|
69
|
-
"@elliemae/ds-utilities": "3.16.0-next.
|
|
66
|
+
"@elliemae/ds-classnames": "3.16.0-next.5",
|
|
67
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.5",
|
|
68
|
+
"@elliemae/ds-shared": "3.16.0-next.5",
|
|
69
|
+
"@elliemae/ds-utilities": "3.16.0-next.5"
|
|
70
70
|
},
|
|
71
71
|
"peerDependencies": {
|
|
72
72
|
"lodash": "^4.17.21",
|