@elliemae/ds-label-value 3.16.0-next.2 → 3.16.0-next.20

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.
Files changed (41) hide show
  1. package/dist/cjs/DSLabelValue.js +8 -4
  2. package/dist/cjs/DSLabelValue.js.map +2 -2
  3. package/dist/cjs/components/Group.js +12 -4
  4. package/dist/cjs/components/Group.js.map +2 -2
  5. package/dist/cjs/components/Label.js +12 -4
  6. package/dist/cjs/components/Label.js.map +2 -2
  7. package/dist/cjs/components/Value.js +23 -15
  8. package/dist/cjs/components/Value.js.map +2 -2
  9. package/dist/cjs/components/Wrapper.js +15 -7
  10. package/dist/cjs/components/Wrapper.js.map +2 -2
  11. package/dist/cjs/components/defaultProps.js +4 -0
  12. package/dist/cjs/components/defaultProps.js.map +1 -1
  13. package/dist/cjs/components/props.js +30 -17
  14. package/dist/cjs/components/props.js.map +2 -2
  15. package/dist/cjs/index.js +5 -1
  16. package/dist/cjs/index.js.map +2 -2
  17. package/dist/cjs/package.json +7 -0
  18. package/dist/esm/DSLabelValue.js +4 -4
  19. package/dist/esm/DSLabelValue.js.map +1 -1
  20. package/dist/esm/components/Group.js +8 -4
  21. package/dist/esm/components/Group.js.map +2 -2
  22. package/dist/esm/components/Label.js +8 -4
  23. package/dist/esm/components/Label.js.map +2 -2
  24. package/dist/esm/components/Value.js +19 -15
  25. package/dist/esm/components/Value.js.map +2 -2
  26. package/dist/esm/components/Wrapper.js +11 -7
  27. package/dist/esm/components/Wrapper.js.map +2 -2
  28. package/dist/esm/components/props.js +10 -1
  29. package/dist/esm/components/props.js.map +2 -2
  30. package/dist/esm/index.js +1 -1
  31. package/dist/esm/index.js.map +1 -1
  32. package/dist/esm/package.json +7 -0
  33. package/package.json +8 -7
  34. package/dist/types/DSLabelValue.d.ts +0 -110
  35. package/dist/types/components/Group.d.ts +0 -24
  36. package/dist/types/components/Label.d.ts +0 -24
  37. package/dist/types/components/Value.d.ts +0 -32
  38. package/dist/types/components/Wrapper.d.ts +0 -32
  39. package/dist/types/components/defaultProps.d.ts +0 -20
  40. package/dist/types/components/props.d.ts +0 -33
  41. package/dist/types/index.d.ts +0 -1
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
25
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
26
  mod
23
27
  ));
@@ -32,10 +36,10 @@ __export(DSLabelValue_exports, {
32
36
  });
33
37
  module.exports = __toCommonJS(DSLabelValue_exports);
34
38
  var React = __toESM(require("react"));
35
- var import_Wrapper = __toESM(require("./components/Wrapper"));
36
- var import_Group = __toESM(require("./components/Group"));
37
- var import_Label = __toESM(require("./components/Label"));
38
- var import_Value = __toESM(require("./components/Value"));
39
+ var import_Wrapper = __toESM(require("./components/Wrapper.js"));
40
+ var import_Group = __toESM(require("./components/Group.js"));
41
+ var import_Label = __toESM(require("./components/Label.js"));
42
+ var import_Value = __toESM(require("./components/Value.js"));
39
43
  const DSLabelValue = Object.assign(import_Wrapper.default, {
40
44
  Group: import_Group.default,
41
45
  Wrapper: import_Wrapper.default,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSLabelValue.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import Wrapper, { WrapperWithSchema } from './components/Wrapper';\nimport Group, { GroupWithSchema } from './components/Group';\nimport Label, { LabelWithSchema } from './components/Label';\nimport Value, { ValueWithSchema } from './components/Value';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n Group,\n Wrapper,\n Label,\n Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA2C;AAC3C,mBAAuC;AACvC,mBAAuC;AACvC,mBAAuC;AAEvC,MAAM,eAAe,OAAO,OAAO,eAAAA,SAAS;AAAA,EAC1C,oBAAAC;AAAA,EACA,wBAAAD;AAAA,EACA,oBAAAE;AAAA,EACA,oBAAAC;AACF,CAAC;AAGD,IAAO,uBAAQ;",
4
+ "sourcesContent": ["import Wrapper, { WrapperWithSchema } from './components/Wrapper.js';\nimport Group, { GroupWithSchema } from './components/Group.js';\nimport Label, { LabelWithSchema } from './components/Label.js';\nimport Value, { ValueWithSchema } from './components/Value.js';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n Group,\n Wrapper,\n Label,\n Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA2C;AAC3C,mBAAuC;AACvC,mBAAuC;AACvC,mBAAuC;AAEvC,MAAM,eAAe,OAAO,OAAO,eAAAA,SAAS;AAAA,EAC1C,oBAAAC;AAAA,EACA,wBAAAD;AAAA,EACA,oBAAAE;AAAA,EACA,oBAAAC;AACF,CAAC;AAGD,IAAO,uBAAQ;",
6
6
  "names": ["Wrapper", "Group", "Label", "Value"]
7
7
  }
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
25
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
26
  mod
23
27
  ));
@@ -31,19 +35,23 @@ module.exports = __toCommonJS(Group_exports);
31
35
  var React = __toESM(require("react"));
32
36
  var import_jsx_runtime = require("react/jsx-runtime");
33
37
  var import_ds_utilities = require("@elliemae/ds-utilities");
38
+ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
34
39
  var import_ds_classnames = require("@elliemae/ds-classnames");
35
- var import_props = require("./props");
36
- var import_defaultProps = require("./defaultProps");
40
+ var import_props = require("./props.js");
41
+ var import_defaultProps = require("./defaultProps.js");
37
42
  const blockName = "labelValueGroup";
38
43
  const WrapperGroup = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ orientation, inline }) => ({
39
44
  inline,
40
45
  [orientation]: orientation
41
46
  }));
42
- const Group = ({ children, inline, orientation }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperGroup, { classProps: { orientation, inline }, children });
47
+ const Group = ({ children, inline, orientation }) => {
48
+ (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
49
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperGroup, { classProps: { orientation, inline }, children });
50
+ };
43
51
  Group.propTypes = import_props.groupProps;
44
52
  Group.defaultProps = import_defaultProps.groupDefault;
45
53
  Group.displayName = "Group";
46
- const GroupWithSchema = (0, import_ds_utilities.describe)(Group);
54
+ const GroupWithSchema = (0, import_ds_props_helpers.describe)(Group);
47
55
  GroupWithSchema.propTypes = import_props.groupProps;
48
56
  var Group_default = Group;
49
57
  //# sourceMappingURL=Group.js.map
@@ -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')(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,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
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.js';\nimport { groupDefault } from './defaultProps.js';\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,WAAW,GAAG;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
  }
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
25
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
26
  mod
23
27
  ));
@@ -31,19 +35,23 @@ module.exports = __toCommonJS(Label_exports);
31
35
  var React = __toESM(require("react"));
32
36
  var import_jsx_runtime = require("react/jsx-runtime");
33
37
  var import_ds_utilities = require("@elliemae/ds-utilities");
38
+ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
34
39
  var import_ds_classnames = require("@elliemae/ds-classnames");
35
- var import_props = require("./props");
36
- var import_defaultProps = require("./defaultProps");
40
+ var import_props = require("./props.js");
41
+ var import_defaultProps = require("./defaultProps.js");
37
42
  const blockName = "labelValue";
38
43
  const LabelStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ labelPosition, labelColor }) => ({
39
44
  [labelPosition]: labelPosition,
40
45
  [labelColor]: labelColor
41
46
  }));
42
- const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelStyled, { classProps: { labelPosition, color }, children });
47
+ const Label = ({ children, position: labelPosition, color }) => {
48
+ (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
49
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelStyled, { classProps: { labelPosition, color }, children });
50
+ };
43
51
  Label.propTypes = import_props.labelProps;
44
52
  Label.defaultProps = import_defaultProps.labelDefault;
45
53
  Label.displayName = "Label";
46
- const LabelWithSchema = (0, import_ds_utilities.describe)(Label);
54
+ const LabelWithSchema = (0, import_ds_props_helpers.describe)(Label);
47
55
  LabelWithSchema.propTypes = import_props.labelProps;
48
56
  var Label_default = Label;
49
57
  //# sourceMappingURL=Label.js.map
@@ -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')(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,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
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.js';\nimport { labelDefault } from './defaultProps.js';\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,aAAa,GAAG;AAAA,EACjB,CAAC,UAAU,GAAG;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
  }
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
25
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
26
  mod
23
27
  ));
@@ -31,9 +35,10 @@ module.exports = __toCommonJS(Value_exports);
31
35
  var React = __toESM(require("react"));
32
36
  var import_jsx_runtime = require("react/jsx-runtime");
33
37
  var import_ds_utilities = require("@elliemae/ds-utilities");
38
+ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
34
39
  var import_ds_classnames = require("@elliemae/ds-classnames");
35
- var import_props = require("./props");
36
- var import_defaultProps = require("./defaultProps");
40
+ var import_props = require("./props.js");
41
+ var import_defaultProps = require("./defaultProps.js");
37
42
  const blockName = "labelValue";
38
43
  const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "value", ({ size, valuePosition, valueColor, semibold }) => ({
39
44
  [size]: size,
@@ -41,22 +46,25 @@ const ValueStyled = (0, import_ds_classnames.aggregatedClasses)("div")(blockName
41
46
  [valueColor]: valueColor,
42
47
  semibold
43
48
  }));
44
- const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
45
- ValueStyled,
46
- {
47
- classProps: {
48
- size,
49
- valuePosition,
50
- valueColor,
51
- semibold
52
- },
53
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
54
- }
55
- );
49
+ const Value = ({ children, position: valuePosition, size, color: valueColor, semibold = false }) => {
50
+ (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
51
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
52
+ ValueStyled,
53
+ {
54
+ classProps: {
55
+ size,
56
+ valuePosition,
57
+ valueColor,
58
+ semibold
59
+ },
60
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children })
61
+ }
62
+ );
63
+ };
56
64
  Value.propTypes = import_props.valueProps;
57
65
  Value.defaultProps = import_defaultProps.valueDefault;
58
66
  Value.displayName = "Value";
59
- const ValueWithSchema = (0, import_ds_utilities.describe)(Value);
67
+ const ValueWithSchema = (0, import_ds_props_helpers.describe)(Value);
60
68
  ValueWithSchema.propTypes = import_props.valueProps;
61
69
  var Value_default = Value;
62
70
  //# sourceMappingURL=Value.js.map
@@ -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')(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;AAAA,EAAC;AAAA;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IAEA,sDAAC,UAAM,UAAS;AAAA;AAClB;AAGF,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,sBAAkB,8BAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
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.js';\nimport { valueDefault } from './defaultProps.js';\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,IAAI,GAAG;AAAA,EACR,CAAC,aAAa,GAAG;AAAA,EACjB,CAAC,UAAU,GAAG;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
  }
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
25
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
26
  mod
23
27
  ));
@@ -31,22 +35,26 @@ module.exports = __toCommonJS(Wrapper_exports);
31
35
  var React = __toESM(require("react"));
32
36
  var import_jsx_runtime = require("react/jsx-runtime");
33
37
  var import_ds_utilities = require("@elliemae/ds-utilities");
38
+ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
34
39
  var import_ds_classnames = require("@elliemae/ds-classnames");
35
- var import_props = require("./props");
36
- var import_defaultProps = require("./defaultProps");
40
+ var import_props = require("./props.js");
41
+ var import_defaultProps = require("./defaultProps.js");
37
42
  const blockName = "labelValue";
38
43
  const LabelValueWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label-value-wrapper", () => null);
39
44
  const Container = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ inverted }) => ({
40
45
  inverted
41
46
  }));
42
- const Wrapper = ({ containerProps, children, className, icon, inverted }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { classProps: { inverted }, children: [
43
- icon,
44
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelValueWrapper, { className, ...containerProps, children })
45
- ] });
47
+ const Wrapper = ({ containerProps, children, className, icon, inverted }) => {
48
+ (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-label-value", version: "3.x Date: 2023 Q1" });
49
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { classProps: { inverted }, children: [
50
+ icon,
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelValueWrapper, { className, ...containerProps, children })
52
+ ] });
53
+ };
46
54
  Wrapper.propTypes = import_props.wrapperProps;
47
55
  Wrapper.defaultProps = import_defaultProps.wrapperDefault;
48
56
  Wrapper.displayName = "Wrapper";
49
- const WrapperWithSchema = (0, import_ds_utilities.describe)(Wrapper);
57
+ const WrapperWithSchema = (0, import_ds_props_helpers.describe)(Wrapper);
50
58
  WrapperWithSchema.propTypes = import_props.wrapperProps;
51
59
  var Wrapper_default = Wrapper;
52
60
  //# sourceMappingURL=Wrapper.js.map
@@ -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')(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,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,EACD,4CAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,GACF;AAGF,QAAQ,YAAY;AACpB,QAAQ,eAAe;AACvB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,8BAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
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.js';\nimport { wrapperDefault } from './defaultProps.js';\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
  }
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
25
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
26
  mod
23
27
  ));
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/defaultProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { orientationVariants, position, sizeVariants, fontColor } from '@elliemae/ds-shared';\n\nexport const groupDefault = {\n inline: false,\n orientation: orientationVariants.VERTICAL,\n};\n\nexport const labelDefault = {\n position: position.LEFT,\n color: fontColor.NEUTRAL500,\n};\n\nexport const valueDefault = {\n position: position.LEFT,\n size: sizeVariants.M,\n color: fontColor.NEUTRAL700,\n semibold: false,\n};\n\nexport const wrapperDefault = {\n containerProps: {},\n className: '',\n icon: null,\n inverted: false,\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuE;AAEhE,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,aAAa,qCAAoB;AACnC;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU,0BAAS;AAAA,EACnB,OAAO,2BAAU;AACnB;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU,0BAAS;AAAA,EACnB,MAAM,8BAAa;AAAA,EACnB,OAAO,2BAAU;AAAA,EACjB,UAAU;AACZ;AAEO,MAAM,iBAAiB;AAAA,EAC5B,gBAAgB,CAAC;AAAA,EACjB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AACZ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuE;AAEhE,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,aAAa,qCAAoB;AACnC;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU,0BAAS;AAAA,EACnB,OAAO,2BAAU;AACnB;AAEO,MAAM,eAAe;AAAA,EAC1B,UAAU,0BAAS;AAAA,EACnB,MAAM,8BAAa;AAAA,EACnB,OAAO,2BAAU;AAAA,EACjB,UAAU;AACZ;AAEO,MAAM,iBAAiB;AAAA,EAC5B,gBAAgB,CAAC;AAAA,EACjB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AACZ;",
6
6
  "names": []
7
7
  }
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
25
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
26
  mod
23
27
  ));
@@ -31,30 +35,39 @@ __export(props_exports, {
31
35
  });
32
36
  module.exports = __toCommonJS(props_exports);
33
37
  var React = __toESM(require("react"));
34
- var import_ds_utilities = require("@elliemae/ds-utilities");
38
+ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
35
39
  var import_ds_shared = require("@elliemae/ds-shared");
36
40
  const groupProps = {
37
- children: import_ds_utilities.PropTypes.node.description("The elements to be wrapped"),
38
- inline: import_ds_utilities.PropTypes.bool.description("If the label value should be inline"),
39
- orientation: import_ds_utilities.PropTypes.string.description("'vertical' or 'horizontal'")
41
+ /**
42
+ * The elements to be wrapped
43
+ */
44
+ children: import_ds_props_helpers.PropTypes.node.description("The elements to be wrapped"),
45
+ /**
46
+ * If the label value should be inline
47
+ */
48
+ inline: import_ds_props_helpers.PropTypes.bool.description("If the label value should be inline"),
49
+ /**
50
+ * 'vertical' or 'horizontal'
51
+ */
52
+ orientation: import_ds_props_helpers.PropTypes.string.description("'vertical' or 'horizontal'")
40
53
  };
41
54
  const labelProps = {
42
- children: import_ds_utilities.PropTypes.node.description("Label element").isRequired,
43
- position: import_ds_utilities.PropTypes.string.description("labels position").defaultValue(import_ds_shared.position.LEFT),
44
- color: import_ds_utilities.PropTypes.string.description("labels color").defaultValue(import_ds_shared.fontColor.NEUTRAL500)
55
+ children: import_ds_props_helpers.PropTypes.node.description("Label element").isRequired,
56
+ position: import_ds_props_helpers.PropTypes.string.description("labels position").defaultValue(import_ds_shared.position.LEFT),
57
+ color: import_ds_props_helpers.PropTypes.string.description("labels color").defaultValue(import_ds_shared.fontColor.NEUTRAL500)
45
58
  };
46
59
  const wrapperProps = {
47
- containerProps: import_ds_utilities.PropTypes.object.description("Set of Properties attached to the main container"),
48
- className: import_ds_utilities.PropTypes.string.description("html class attribute"),
49
- icon: import_ds_utilities.PropTypes.element.description("Icon to be attached near value"),
50
- inverted: import_ds_utilities.PropTypes.bool.description("Changes the position of the label").defaultValue(false),
51
- children: import_ds_utilities.PropTypes.node.description("label value").isRequired
60
+ containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
61
+ className: import_ds_props_helpers.PropTypes.string.description("html class attribute"),
62
+ icon: import_ds_props_helpers.PropTypes.element.description("Icon to be attached near value"),
63
+ inverted: import_ds_props_helpers.PropTypes.bool.description("Changes the position of the label").defaultValue(false),
64
+ children: import_ds_props_helpers.PropTypes.node.description("label value").isRequired
52
65
  };
53
66
  const valueProps = {
54
- children: import_ds_utilities.PropTypes.node.description("value element").isRequired,
55
- size: import_ds_utilities.PropTypes.string.description("values size").defaultValue(import_ds_shared.sizeVariants.M),
56
- position: import_ds_utilities.PropTypes.string.description("position of the value").defaultValue(import_ds_shared.position.LEFT),
57
- color: import_ds_utilities.PropTypes.string.description("value color").defaultValue(import_ds_shared.fontColor.NEUTRAL700),
58
- semibold: import_ds_utilities.PropTypes.bool.description("semibold or not").defaultValue(false)
67
+ children: import_ds_props_helpers.PropTypes.node.description("value element").isRequired,
68
+ size: import_ds_props_helpers.PropTypes.string.description("values size").defaultValue(import_ds_shared.sizeVariants.M),
69
+ position: import_ds_props_helpers.PropTypes.string.description("position of the value").defaultValue(import_ds_shared.position.LEFT),
70
+ color: import_ds_props_helpers.PropTypes.string.description("value color").defaultValue(import_ds_shared.fontColor.NEUTRAL700),
71
+ semibold: import_ds_props_helpers.PropTypes.bool.description("semibold or not").defaultValue(false)
59
72
  };
60
73
  //# sourceMappingURL=props.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n /**\n * The elements to be wrapped\n */\n children: PropTypes.node.description('The elements to be wrapped'),\n /**\n * If the label value should be inline\n */\n inline: PropTypes.bool.description('If the label value should be inline'),\n /**\n * 'vertical' or 'horizontal'\n */\n orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n children: PropTypes.node.description('Label element').isRequired,\n position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n className: PropTypes.string.description('html class attribute'),\n icon: PropTypes.element.description('Icon to be attached near value'),\n inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n children: PropTypes.node.description('value element').isRequired,\n size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAC1B,uBAAkD;AAE3C,MAAM,aAAa;AAAA,EAIxB,UAAU,8BAAU,KAAK,YAAY,4BAA4B;AAAA,EAIjE,QAAQ,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAIxE,aAAa,8BAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,8BAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,8BAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,0BAAS,IAAI;AAAA,EACpF,OAAO,8BAAU,OAAO,YAAY,cAAc,EAAE,aAAa,2BAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,8BAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,8BAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,8BAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,8BAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,8BAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,8BAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,8BAAU,OAAO,YAAY,aAAa,EAAE,aAAa,8BAAa,CAAC;AAAA,EAC7E,UAAU,8BAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,0BAAS,IAAI;AAAA,EAC1F,OAAO,8BAAU,OAAO,YAAY,aAAa,EAAE,aAAa,2BAAU,UAAU;AAAA,EACpF,UAAU,8BAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
4
+ "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n /**\n * The elements to be wrapped\n */\n children: PropTypes.node.description('The elements to be wrapped'),\n /**\n * If the label value should be inline\n */\n inline: PropTypes.bool.description('If the label value should be inline'),\n /**\n * 'vertical' or 'horizontal'\n */\n orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n children: PropTypes.node.description('Label element').isRequired,\n position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n className: PropTypes.string.description('html class attribute'),\n icon: PropTypes.element.description('Icon to be attached near value'),\n inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n children: PropTypes.node.description('value element').isRequired,\n size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAC1B,uBAAkD;AAE3C,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA,EAIxB,UAAU,kCAAU,KAAK,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAIjE,QAAQ,kCAAU,KAAK,YAAY,qCAAqC;AAAA;AAAA;AAAA;AAAA,EAIxE,aAAa,kCAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,kCAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,kCAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,0BAAS,IAAI;AAAA,EACpF,OAAO,kCAAU,OAAO,YAAY,cAAc,EAAE,aAAa,2BAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,kCAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,kCAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,kCAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,kCAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,kCAAU,OAAO,YAAY,aAAa,EAAE,aAAa,8BAAa,CAAC;AAAA,EAC7E,UAAU,kCAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,0BAAS,IAAI;AAAA,EAC1F,OAAO,kCAAU,OAAO,YAAY,aAAa,EAAE,aAAa,2BAAU,UAAU;AAAA,EACpF,UAAU,kCAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
18
18
  return to;
19
19
  };
20
20
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
+ // If the importer is in node compatibility mode or this is not an ESM
22
+ // file that has been converted to a CommonJS file using a Babel-
23
+ // compatible transform (i.e. "__esModule" has not been set), then set
24
+ // "default" to the CommonJS "module.exports" for node compatibility.
21
25
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
22
26
  mod
23
27
  ));
@@ -33,5 +37,5 @@ __export(src_exports, {
33
37
  });
34
38
  module.exports = __toCommonJS(src_exports);
35
39
  var React = __toESM(require("react"));
36
- var import_DSLabelValue = __toESM(require("./DSLabelValue"));
40
+ var import_DSLabelValue = __toESM(require("./DSLabelValue.js"));
37
41
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export {\n default,\n default as DSLabelValue,\n WrapperWithSchema,\n GroupWithSchema,\n LabelWithSchema,\n ValueWithSchema,\n} from './DSLabelValue';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAOO;",
4
+ "sourcesContent": ["export {\n default,\n default as DSLabelValue,\n WrapperWithSchema,\n GroupWithSchema,\n LabelWithSchema,\n ValueWithSchema,\n} from './DSLabelValue.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAOO;",
6
6
  "names": []
7
7
  }
@@ -0,0 +1,7 @@
1
+ {
2
+ "type": "commonjs",
3
+ "sideEffects": [
4
+ "*.css",
5
+ "*.scss"
6
+ ]
7
+ }
@@ -1,8 +1,8 @@
1
1
  import * as React from "react";
2
- import Wrapper, { WrapperWithSchema } from "./components/Wrapper";
3
- import Group, { GroupWithSchema } from "./components/Group";
4
- import Label, { LabelWithSchema } from "./components/Label";
5
- import Value, { ValueWithSchema } from "./components/Value";
2
+ import Wrapper, { WrapperWithSchema } from "./components/Wrapper.js";
3
+ import Group, { GroupWithSchema } from "./components/Group.js";
4
+ import Label, { LabelWithSchema } from "./components/Label.js";
5
+ import Value, { ValueWithSchema } from "./components/Value.js";
6
6
  const DSLabelValue = Object.assign(Wrapper, {
7
7
  Group,
8
8
  Wrapper,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSLabelValue.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Wrapper, { WrapperWithSchema } from './components/Wrapper';\nimport Group, { GroupWithSchema } from './components/Group';\nimport Label, { LabelWithSchema } from './components/Label';\nimport Value, { ValueWithSchema } from './components/Value';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n Group,\n Wrapper,\n Label,\n Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import Wrapper, { WrapperWithSchema } from './components/Wrapper.js';\nimport Group, { GroupWithSchema } from './components/Group.js';\nimport Label, { LabelWithSchema } from './components/Label.js';\nimport Value, { ValueWithSchema } from './components/Value.js';\n\nconst DSLabelValue = Object.assign(Wrapper, {\n Group,\n Wrapper,\n Label,\n Value,\n});\n\nexport { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };\nexport default DSLabelValue;\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,WAAW,yBAAyB;AAC3C,OAAO,SAAS,uBAAuB;AACvC,OAAO,SAAS,uBAAuB;AACvC,OAAO,SAAS,uBAAuB;AAEvC,MAAM,eAAe,OAAO,OAAO,SAAS;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAGD,IAAO,uBAAQ;",
6
6
  "names": []
7
7
  }
@@ -1,15 +1,19 @@
1
1
  import * as React from "react";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { describe } from "@elliemae/ds-utilities";
3
+ import { useDeprecateComponent } from "@elliemae/ds-utilities";
4
+ import { describe } from "@elliemae/ds-props-helpers";
4
5
  import { aggregatedClasses } from "@elliemae/ds-classnames";
5
- import { groupProps } from "./props";
6
- import { groupDefault } from "./defaultProps";
6
+ import { groupProps } from "./props.js";
7
+ import { groupDefault } from "./defaultProps.js";
7
8
  const blockName = "labelValueGroup";
8
9
  const WrapperGroup = aggregatedClasses("div")(blockName, "wrapper", ({ orientation, inline }) => ({
9
10
  inline,
10
11
  [orientation]: orientation
11
12
  }));
12
- const Group = ({ children, inline, orientation }) => /* @__PURE__ */ jsx(WrapperGroup, { classProps: { orientation, inline }, children });
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-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,gBAAa,YAAY,EAAE,aAAa,OAAO,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
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.js';\nimport { groupDefault } from './defaultProps.js';\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,WAAW,GAAG;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,15 +1,19 @@
1
1
  import * as React from "react";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { describe } from "@elliemae/ds-utilities";
3
+ import { useDeprecateComponent } from "@elliemae/ds-utilities";
4
+ import { describe } from "@elliemae/ds-props-helpers";
4
5
  import { aggregatedClasses } from "@elliemae/ds-classnames";
5
- import { labelProps } from "./props";
6
- import { labelDefault } from "./defaultProps";
6
+ import { labelProps } from "./props.js";
7
+ import { labelDefault } from "./defaultProps.js";
7
8
  const blockName = "labelValue";
8
9
  const LabelStyled = aggregatedClasses("div")(blockName, "label", ({ labelPosition, labelColor }) => ({
9
10
  [labelPosition]: labelPosition,
10
11
  [labelColor]: labelColor
11
12
  }));
12
- const Label = ({ children, position: labelPosition, color }) => /* @__PURE__ */ jsx(LabelStyled, { classProps: { labelPosition, color }, children });
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-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,eAAY,YAAY,EAAE,eAAe,MAAM,GAAI,UAAS;AAG/D,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
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.js';\nimport { labelDefault } from './defaultProps.js';\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,aAAa,GAAG;AAAA,EACjB,CAAC,UAAU,GAAG;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,9 +1,10 @@
1
1
  import * as React from "react";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { describe } from "@elliemae/ds-utilities";
3
+ import { useDeprecateComponent } from "@elliemae/ds-utilities";
4
+ import { describe } from "@elliemae/ds-props-helpers";
4
5
  import { aggregatedClasses } from "@elliemae/ds-classnames";
5
- import { valueProps } from "./props";
6
- import { valueDefault } from "./defaultProps";
6
+ import { valueProps } from "./props.js";
7
+ import { valueDefault } from "./defaultProps.js";
7
8
  const blockName = "labelValue";
8
9
  const ValueStyled = aggregatedClasses("div")(blockName, "value", ({ size, valuePosition, valueColor, semibold }) => ({
9
10
  [size]: size,
@@ -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 }) => /* @__PURE__ */ jsx(
15
- ValueStyled,
16
- {
17
- classProps: {
18
- size,
19
- valuePosition,
20
- valueColor,
21
- semibold
22
- },
23
- children: /* @__PURE__ */ jsx("span", { children })
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-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;AAAA,EAAC;AAAA;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IAEA,8BAAC,UAAM,UAAS;AAAA;AAClB;AAGF,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,cAAc;AACpB,MAAM,kBAAkB,SAAS,KAAK;AACtC,gBAAgB,YAAY;AAG5B,IAAO,gBAAQ;",
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.js';\nimport { valueDefault } from './defaultProps.js';\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,IAAI,GAAG;AAAA,EACR,CAAC,aAAa,GAAG;AAAA,EACjB,CAAC,UAAU,GAAG;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,18 +1,22 @@
1
1
  import * as React from "react";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { describe } from "@elliemae/ds-utilities";
3
+ import { useDeprecateComponent } from "@elliemae/ds-utilities";
4
+ import { describe } from "@elliemae/ds-props-helpers";
4
5
  import { aggregatedClasses } from "@elliemae/ds-classnames";
5
- import { wrapperProps } from "./props";
6
- import { wrapperDefault } from "./defaultProps";
6
+ import { wrapperProps } from "./props.js";
7
+ import { wrapperDefault } from "./defaultProps.js";
7
8
  const blockName = "labelValue";
8
9
  const LabelValueWrapper = aggregatedClasses("div")(blockName, "label-value-wrapper", () => null);
9
10
  const Container = aggregatedClasses("div")(blockName, "wrapper", ({ inverted }) => ({
10
11
  inverted
11
12
  }));
12
- const Wrapper = ({ containerProps, children, className, icon, inverted }) => /* @__PURE__ */ jsxs(Container, { classProps: { inverted }, children: [
13
- icon,
14
- /* @__PURE__ */ jsx(LabelValueWrapper, { className, ...containerProps, children })
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-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,aAAU,YAAY,EAAE,SAAS,GAC/B;AAAA;AAAA,EACD,oBAAC,qBAAkB,WAAuB,GAAG,gBAC1C,UACH;AAAA,GACF;AAGF,QAAQ,YAAY;AACpB,QAAQ,eAAe;AACvB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
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.js';\nimport { wrapperDefault } from './defaultProps.js';\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
  }
@@ -1,9 +1,18 @@
1
1
  import * as React from "react";
2
- import { PropTypes } from "@elliemae/ds-utilities";
2
+ import { PropTypes } from "@elliemae/ds-props-helpers";
3
3
  import { position, fontColor, sizeVariants } from "@elliemae/ds-shared";
4
4
  const groupProps = {
5
+ /**
6
+ * The elements to be wrapped
7
+ */
5
8
  children: PropTypes.node.description("The elements to be wrapped"),
9
+ /**
10
+ * If the label value should be inline
11
+ */
6
12
  inline: PropTypes.bool.description("If the label value should be inline"),
13
+ /**
14
+ * 'vertical' or 'horizontal'
15
+ */
7
16
  orientation: PropTypes.string.description("'vertical' or 'horizontal'")
8
17
  };
9
18
  const labelProps = {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/props.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n /**\n * The elements to be wrapped\n */\n children: PropTypes.node.description('The elements to be wrapped'),\n /**\n * If the label value should be inline\n */\n inline: PropTypes.bool.description('If the label value should be inline'),\n /**\n * 'vertical' or 'horizontal'\n */\n orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n children: PropTypes.node.description('Label element').isRequired,\n position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n className: PropTypes.string.description('html class attribute'),\n icon: PropTypes.element.description('Icon to be attached near value'),\n inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n children: PropTypes.node.description('value element').isRequired,\n size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,UAAU,WAAW,oBAAoB;AAE3C,MAAM,aAAa;AAAA,EAIxB,UAAU,UAAU,KAAK,YAAY,4BAA4B;AAAA,EAIjE,QAAQ,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAIxE,aAAa,UAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,SAAS,IAAI;AAAA,EACpF,OAAO,UAAU,OAAO,YAAY,cAAc,EAAE,aAAa,UAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,UAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,UAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,UAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,UAAU,OAAO,YAAY,aAAa,EAAE,aAAa,aAAa,CAAC;AAAA,EAC7E,UAAU,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,SAAS,IAAI;AAAA,EAC1F,OAAO,UAAU,OAAO,YAAY,aAAa,EAAE,aAAa,UAAU,UAAU;AAAA,EACpF,UAAU,UAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { position, fontColor, sizeVariants } from '@elliemae/ds-shared';\n\nexport const groupProps = {\n /**\n * The elements to be wrapped\n */\n children: PropTypes.node.description('The elements to be wrapped'),\n /**\n * If the label value should be inline\n */\n inline: PropTypes.bool.description('If the label value should be inline'),\n /**\n * 'vertical' or 'horizontal'\n */\n orientation: PropTypes.string.description(\"'vertical' or 'horizontal'\"),\n};\n\nexport const labelProps = {\n children: PropTypes.node.description('Label element').isRequired,\n position: PropTypes.string.description('labels position').defaultValue(position.LEFT),\n color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n className: PropTypes.string.description('html class attribute'),\n icon: PropTypes.element.description('Icon to be attached near value'),\n inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),\n children: PropTypes.node.description('label value').isRequired,\n};\n\nexport const valueProps = {\n children: PropTypes.node.description('value element').isRequired,\n size: PropTypes.string.description('values size').defaultValue(sizeVariants.M),\n position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),\n color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),\n semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,UAAU,WAAW,oBAAoB;AAE3C,MAAM,aAAa;AAAA;AAAA;AAAA;AAAA,EAIxB,UAAU,UAAU,KAAK,YAAY,4BAA4B;AAAA;AAAA;AAAA;AAAA,EAIjE,QAAQ,UAAU,KAAK,YAAY,qCAAqC;AAAA;AAAA;AAAA;AAAA,EAIxE,aAAa,UAAU,OAAO,YAAY,4BAA4B;AACxE;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,UAAU,UAAU,OAAO,YAAY,iBAAiB,EAAE,aAAa,SAAS,IAAI;AAAA,EACpF,OAAO,UAAU,OAAO,YAAY,cAAc,EAAE,aAAa,UAAU,UAAU;AACvF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC9D,MAAM,UAAU,QAAQ,YAAY,gCAAgC;AAAA,EACpE,UAAU,UAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,KAAK;AAAA,EAC5F,UAAU,UAAU,KAAK,YAAY,aAAa,EAAE;AACtD;AAEO,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,KAAK,YAAY,eAAe,EAAE;AAAA,EACtD,MAAM,UAAU,OAAO,YAAY,aAAa,EAAE,aAAa,aAAa,CAAC;AAAA,EAC7E,UAAU,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,SAAS,IAAI;AAAA,EAC1F,OAAO,UAAU,OAAO,YAAY,aAAa,EAAE,aAAa,UAAU,UAAU;AAAA,EACpF,UAAU,UAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAC5E;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -6,7 +6,7 @@ import {
6
6
  GroupWithSchema,
7
7
  LabelWithSchema,
8
8
  ValueWithSchema
9
- } from "./DSLabelValue";
9
+ } from "./DSLabelValue.js";
10
10
  export {
11
11
  default3 as DSLabelValue,
12
12
  GroupWithSchema,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n default,\n default as DSLabelValue,\n WrapperWithSchema,\n GroupWithSchema,\n LabelWithSchema,\n ValueWithSchema,\n} from './DSLabelValue';\n"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n default,\n default as DSLabelValue,\n WrapperWithSchema,\n GroupWithSchema,\n LabelWithSchema,\n ValueWithSchema,\n} from './DSLabelValue.js';\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE,WAAAA;AAAA,EACW,WAAXA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
6
6
  "names": ["default"]
7
7
  }
@@ -0,0 +1,7 @@
1
+ {
2
+ "type": "module",
3
+ "sideEffects": [
4
+ "*.css",
5
+ "*.scss"
6
+ ]
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-label-value",
3
- "version": "3.16.0-next.2",
3
+ "version": "3.16.0-next.20",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Label value",
6
6
  "files": [
@@ -63,9 +63,10 @@
63
63
  "indent": 4
64
64
  },
65
65
  "dependencies": {
66
- "@elliemae/ds-classnames": "3.16.0-next.2",
67
- "@elliemae/ds-shared": "3.16.0-next.2",
68
- "@elliemae/ds-utilities": "3.16.0-next.2"
66
+ "@elliemae/ds-classnames": "3.16.0-next.20",
67
+ "@elliemae/ds-props-helpers": "3.16.0-next.20",
68
+ "@elliemae/ds-shared": "3.16.0-next.20",
69
+ "@elliemae/ds-utilities": "3.16.0-next.20"
69
70
  },
70
71
  "peerDependencies": {
71
72
  "lodash": "^4.17.21",
@@ -80,10 +81,10 @@
80
81
  "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
81
82
  "test": "node ../../scripts/testing/test.mjs",
82
83
  "lint": "node ../../scripts/lint.mjs",
83
- "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
84
- "dts": "node ../../scripts/dts.mjs",
84
+ "eslint:fix": "exit 0",
85
+ "dts": "exit 0",
85
86
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
86
- "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
87
+ "dev:build": "pnpm --filter {.}... build",
87
88
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
88
89
  "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
89
90
  }
@@ -1,110 +0,0 @@
1
- import { WrapperWithSchema } from './components/Wrapper';
2
- import { GroupWithSchema } from './components/Group';
3
- import { LabelWithSchema } from './components/Label';
4
- import { ValueWithSchema } from './components/Value';
5
- declare const DSLabelValue: {
6
- ({ containerProps, children, className, icon, inverted }: {
7
- containerProps: any;
8
- children: any;
9
- className: any;
10
- icon: any;
11
- inverted: any;
12
- }): JSX.Element;
13
- propTypes: {
14
- containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
15
- className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
16
- icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
17
- inverted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
18
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
19
- };
20
- defaultProps: {
21
- containerProps: {};
22
- className: string;
23
- icon: null;
24
- inverted: boolean;
25
- };
26
- displayName: string;
27
- } & {
28
- Group: {
29
- ({ children, inline, orientation }: {
30
- children: any;
31
- inline: any;
32
- orientation: any;
33
- }): JSX.Element;
34
- propTypes: {
35
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
36
- inline: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
37
- orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
38
- };
39
- defaultProps: {
40
- inline: boolean;
41
- orientation: "vertical";
42
- };
43
- displayName: string;
44
- };
45
- Wrapper: {
46
- ({ containerProps, children, className, icon, inverted }: {
47
- containerProps: any;
48
- children: any;
49
- className: any;
50
- icon: any;
51
- inverted: any;
52
- }): JSX.Element;
53
- propTypes: {
54
- containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
55
- className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
56
- icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
57
- inverted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
58
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
59
- };
60
- defaultProps: {
61
- containerProps: {};
62
- className: string;
63
- icon: null;
64
- inverted: boolean;
65
- };
66
- displayName: string;
67
- };
68
- Label: {
69
- ({ children, position: labelPosition, color }: {
70
- children: any;
71
- position: any;
72
- color: any;
73
- }): JSX.Element;
74
- propTypes: {
75
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
76
- position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
77
- color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
78
- };
79
- defaultProps: {
80
- position: "left";
81
- color: "neutral500";
82
- };
83
- displayName: string;
84
- };
85
- Value: {
86
- ({ children, position: valuePosition, size, color: valueColor, semibold }: {
87
- children: any;
88
- position: any;
89
- size: any;
90
- color: any;
91
- semibold?: boolean | undefined;
92
- }): JSX.Element;
93
- propTypes: {
94
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
95
- size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
96
- position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
97
- color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
98
- semibold: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
99
- };
100
- defaultProps: {
101
- position: "left";
102
- size: "m";
103
- color: "neutral700";
104
- semibold: boolean;
105
- };
106
- displayName: string;
107
- };
108
- };
109
- export { WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema };
110
- export default DSLabelValue;
@@ -1,24 +0,0 @@
1
- declare const Group: {
2
- ({ children, inline, orientation }: {
3
- children: any;
4
- inline: any;
5
- orientation: any;
6
- }): JSX.Element;
7
- propTypes: {
8
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
9
- inline: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
10
- orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
11
- };
12
- defaultProps: {
13
- inline: boolean;
14
- orientation: "vertical";
15
- };
16
- displayName: string;
17
- };
18
- declare const GroupWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
19
- children: any;
20
- inline: any;
21
- orientation: any;
22
- }>;
23
- export { GroupWithSchema };
24
- export default Group;
@@ -1,24 +0,0 @@
1
- declare const Label: {
2
- ({ children, position: labelPosition, color }: {
3
- children: any;
4
- position: any;
5
- color: any;
6
- }): JSX.Element;
7
- propTypes: {
8
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
9
- position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
10
- color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
11
- };
12
- defaultProps: {
13
- position: "left";
14
- color: "neutral500";
15
- };
16
- displayName: string;
17
- };
18
- declare const LabelWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
19
- children: any;
20
- position: any;
21
- color: any;
22
- }>;
23
- export { LabelWithSchema };
24
- export default Label;
@@ -1,32 +0,0 @@
1
- declare const Value: {
2
- ({ children, position: valuePosition, size, color: valueColor, semibold }: {
3
- children: any;
4
- position: any;
5
- size: any;
6
- color: any;
7
- semibold?: boolean | undefined;
8
- }): JSX.Element;
9
- propTypes: {
10
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
11
- size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
12
- position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
13
- color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
14
- semibold: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
15
- };
16
- defaultProps: {
17
- position: "left";
18
- size: "m";
19
- color: "neutral700";
20
- semibold: boolean;
21
- };
22
- displayName: string;
23
- };
24
- declare const ValueWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
25
- children: any;
26
- position: any;
27
- size: any;
28
- color: any;
29
- semibold?: boolean | undefined;
30
- }>;
31
- export { ValueWithSchema };
32
- export default Value;
@@ -1,32 +0,0 @@
1
- declare const Wrapper: {
2
- ({ containerProps, children, className, icon, inverted }: {
3
- containerProps: any;
4
- children: any;
5
- className: any;
6
- icon: any;
7
- inverted: any;
8
- }): JSX.Element;
9
- propTypes: {
10
- containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
11
- className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
12
- icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
13
- inverted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
14
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
15
- };
16
- defaultProps: {
17
- containerProps: {};
18
- className: string;
19
- icon: null;
20
- inverted: boolean;
21
- };
22
- displayName: string;
23
- };
24
- declare const WrapperWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
25
- containerProps: any;
26
- children: any;
27
- className: any;
28
- icon: any;
29
- inverted: any;
30
- }>;
31
- export { WrapperWithSchema };
32
- export default Wrapper;
@@ -1,20 +0,0 @@
1
- export declare const groupDefault: {
2
- inline: boolean;
3
- orientation: "vertical";
4
- };
5
- export declare const labelDefault: {
6
- position: "left";
7
- color: "neutral500";
8
- };
9
- export declare const valueDefault: {
10
- position: "left";
11
- size: "m";
12
- color: "neutral700";
13
- semibold: boolean;
14
- };
15
- export declare const wrapperDefault: {
16
- containerProps: {};
17
- className: string;
18
- icon: null;
19
- inverted: boolean;
20
- };
@@ -1,33 +0,0 @@
1
- export declare const groupProps: {
2
- /**
3
- * The elements to be wrapped
4
- */
5
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
6
- /**
7
- * If the label value should be inline
8
- */
9
- inline: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
10
- /**
11
- * 'vertical' or 'horizontal'
12
- */
13
- orientation: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
14
- };
15
- export declare const labelProps: {
16
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
17
- position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
18
- color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
19
- };
20
- export declare const wrapperProps: {
21
- containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
22
- className: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
23
- icon: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
24
- inverted: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
25
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
26
- };
27
- export declare const valueProps: {
28
- children: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
29
- size: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
30
- position: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
31
- color: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
32
- semibold: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
33
- };
@@ -1 +0,0 @@
1
- export { default, default as DSLabelValue, WrapperWithSchema, GroupWithSchema, LabelWithSchema, ValueWithSchema, } from './DSLabelValue';