@elliemae/ds-label-value 3.16.0-next.4 → 3.16.0-next.6
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
- package/dist/cjs/package.json +0 -7
- package/dist/esm/package.json +0 -7
|
@@ -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.6",
|
|
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-
|
|
69
|
-
"@elliemae/ds-
|
|
66
|
+
"@elliemae/ds-classnames": "3.16.0-next.6",
|
|
67
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.6",
|
|
68
|
+
"@elliemae/ds-shared": "3.16.0-next.6",
|
|
69
|
+
"@elliemae/ds-utilities": "3.16.0-next.6"
|
|
70
70
|
},
|
|
71
71
|
"peerDependencies": {
|
|
72
72
|
"lodash": "^4.17.21",
|
package/dist/cjs/package.json
DELETED