@elliemae/ds-label-value 2.2.0-next.4 → 2.3.0-alpha.2

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 (37) hide show
  1. package/cjs/DSLabelValue.js +48 -20
  2. package/cjs/DSLabelValue.js.map +7 -0
  3. package/cjs/components/Group.js +51 -45
  4. package/cjs/components/Group.js.map +7 -0
  5. package/cjs/components/Label.js +51 -45
  6. package/cjs/components/Label.js.map +7 -0
  7. package/cjs/components/Value.js +62 -51
  8. package/cjs/components/Value.js.map +7 -0
  9. package/cjs/components/Wrapper.js +54 -60
  10. package/cjs/components/Wrapper.js.map +7 -0
  11. package/cjs/components/defaultProps.js +45 -18
  12. package/cjs/components/defaultProps.js.map +7 -0
  13. package/cjs/components/props.js +63 -39
  14. package/cjs/components/props.js.map +7 -0
  15. package/cjs/index.js +40 -18
  16. package/cjs/index.js.map +7 -0
  17. package/esm/DSLabelValue.js +14 -11
  18. package/esm/DSLabelValue.js.map +7 -0
  19. package/esm/components/Group.js +21 -35
  20. package/esm/components/Group.js.map +7 -0
  21. package/esm/components/Label.js +21 -35
  22. package/esm/components/Label.js.map +7 -0
  23. package/esm/components/Value.js +30 -39
  24. package/esm/components/Value.js.map +7 -0
  25. package/esm/components/Wrapper.js +24 -49
  26. package/esm/components/Wrapper.js.map +7 -0
  27. package/esm/components/defaultProps.js +15 -5
  28. package/esm/components/defaultProps.js.map +7 -0
  29. package/esm/components/props.js +37 -31
  30. package/esm/components/props.js.map +7 -0
  31. package/esm/index.js +18 -5
  32. package/esm/index.js.map +7 -0
  33. package/package.json +3 -3
  34. package/types/components/Group.d.ts +1 -5
  35. package/types/components/Label.d.ts +1 -5
  36. package/types/components/Value.d.ts +1 -7
  37. package/types/components/Wrapper.d.ts +1 -7
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { wrapperProps } from './props';\nimport { wrapperDefault } from './defaultProps';\n\nconst blockName = 'labelValue';\n\nconst LabelValueWrapper = aggregatedClasses('div')(\n blockName,\n 'label-value-wrapper',\n () => null,\n);\nconst Container = aggregatedClasses('div')(\n blockName,\n 'wrapper',\n ({ inverted }) => ({\n inverted,\n }),\n);\n\nconst Wrapper = ({ containerProps, children, className, icon, inverted }) => (\n <Container classProps={{ inverted }}>\n {icon}\n <LabelValueWrapper className={className} {...containerProps}>\n {children}\n </LabelValueWrapper>\n </Container>\n);\n\nWrapper.propTypes = wrapperProps;\nWrapper.defaultProps = wrapperDefault;\n\nconst WrapperWithSchema = describe(Wrapper);\nWrapperWithSchema.propTypes = wrapperProps;\n\nexport { WrapperWithSchema };\nexport default Wrapper;\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,oBAAoB,kBAAkB,OAC1C,WACA,uBACA,MAAM;AAER,MAAM,YAAY,kBAAkB,OAClC,WACA,WACA,CAAC,EAAE,eAAgB;AAAA,EACjB;AAAA;AAIJ,MAAM,UAAU,CAAC,EAAE,gBAAgB,UAAU,WAAW,MAAM,eAC5D,qCAAC,WAAD;AAAA,EAAW,YAAY,EAAE;AAAA,GACtB,MACD,qCAAC,mBAAD;AAAA,EAAmB;AAAA,KAA0B;AAAA,GAC1C;AAKP,QAAQ,YAAY;AACpB,QAAQ,eAAe;AAEvB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
6
+ "names": []
7
+ }
@@ -1,5 +1,10 @@
1
- import { orientationVariants, position, fontColor, sizeVariants } from '@elliemae/ds-shared/prop-types';
2
-
1
+ import * as React from "react";
2
+ import {
3
+ orientationVariants,
4
+ position,
5
+ sizeVariants,
6
+ fontColor
7
+ } from "@elliemae/ds-shared/prop-types";
3
8
  const groupDefault = {
4
9
  inline: false,
5
10
  orientation: orientationVariants.VERTICAL
@@ -16,9 +21,14 @@ const valueDefault = {
16
21
  };
17
22
  const wrapperDefault = {
18
23
  containerProps: {},
19
- className: '',
24
+ className: "",
20
25
  icon: null,
21
26
  inverted: false
22
27
  };
23
-
24
- export { groupDefault, labelDefault, valueDefault, wrapperDefault };
28
+ export {
29
+ groupDefault,
30
+ labelDefault,
31
+ valueDefault,
32
+ wrapperDefault
33
+ };
34
+ //# sourceMappingURL=defaultProps.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/defaultProps.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n orientationVariants,\n position,\n sizeVariants,\n fontColor,\n} from '@elliemae/ds-shared/prop-types';\n\nexport const groupDefault = {\n inline: false,\n orientation: orientationVariants.VERTICAL,\n};\n\nexport const labelDefault = {\n position: position.LEFT,\n color: fontColor.NEUTRAL500,\n};\n\nexport const valueDefault = {\n position: position.LEFT,\n size: sizeVariants.M,\n color: fontColor.NEUTRAL700,\n semibold: false,\n};\n\nexport const wrapperDefault = {\n containerProps: {},\n className: '',\n icon: null,\n inverted: false,\n};\n"],
5
+ "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,aAAa,oBAAoB;AAAA;AAG5B,MAAM,eAAe;AAAA,EAC1B,UAAU,SAAS;AAAA,EACnB,OAAO,UAAU;AAAA;AAGZ,MAAM,eAAe;AAAA,EAC1B,UAAU,SAAS;AAAA,EACnB,MAAM,aAAa;AAAA,EACnB,OAAO,UAAU;AAAA,EACjB,UAAU;AAAA;AAGL,MAAM,iBAAiB;AAAA,EAC5B,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA;",
6
+ "names": []
7
+ }
@@ -1,40 +1,46 @@
1
- import { PropTypes } from 'react-desc';
2
- import { position, fontColor, sizeVariants } from '@elliemae/ds-shared/prop-types';
3
-
1
+ import * as React from "react";
2
+ import { PropTypes } from "react-desc";
3
+ import {
4
+ position,
5
+ fontColor,
6
+ sizeVariants
7
+ } from "@elliemae/ds-shared/prop-types";
4
8
  const groupProps = {
5
- /**
6
- * The elements to be wrapped
7
- */
8
- children: PropTypes.element.description('The elements to be wrapped'),
9
-
10
- /**
11
- * If the label value should be inline
12
- */
13
- inline: PropTypes.bool.description('If the label value should be inline'),
14
-
15
- /**
16
- * 'vertical' or 'horizontal'
17
- */
9
+ children: PropTypes.element.description("The elements to be wrapped"),
10
+ inline: PropTypes.bool.description("If the label value should be inline"),
18
11
  orientation: PropTypes.string.description("'vertical' or 'horizontal'")
19
12
  };
20
13
  const labelProps = {
21
- children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).description('Label element').isRequired,
22
- position: PropTypes.string.description('labels position').defaultValue(position.LEFT),
23
- color: PropTypes.string.description('labels color').defaultValue(fontColor.NEUTRAL500)
14
+ children: PropTypes.oneOfType([
15
+ PropTypes.element,
16
+ PropTypes.string,
17
+ PropTypes.number
18
+ ]).description("Label element").isRequired,
19
+ position: PropTypes.string.description("labels position").defaultValue(position.LEFT),
20
+ color: PropTypes.string.description("labels color").defaultValue(fontColor.NEUTRAL500)
24
21
  };
25
22
  const wrapperProps = {
26
- containerProps: PropTypes.object.description('Set of Properties attached to the main container'),
27
- className: PropTypes.string.description('html class attribute'),
28
- icon: PropTypes.element.description('Icon to be attached near value'),
29
- inverted: PropTypes.bool.description('Changes the position of the label').defaultValue(false),
30
- children: PropTypes.element.description('label value').isRequired
23
+ containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
24
+ className: PropTypes.string.description("html class attribute"),
25
+ icon: PropTypes.element.description("Icon to be attached near value"),
26
+ inverted: PropTypes.bool.description("Changes the position of the label").defaultValue(false),
27
+ children: PropTypes.element.description("label value").isRequired
31
28
  };
32
29
  const valueProps = {
33
- children: PropTypes.oneOfType([PropTypes.element, PropTypes.string, PropTypes.number]).description('value element').isRequired,
34
- size: PropTypes.func.description('values size').defaultValue(sizeVariants.M),
35
- position: PropTypes.string.description('position of the value').defaultValue(position.LEFT),
36
- color: PropTypes.string.description('value color').defaultValue(fontColor.NEUTRAL700),
37
- semibold: PropTypes.bool.description('semibold or not').defaultValue(false)
30
+ children: PropTypes.oneOfType([
31
+ PropTypes.element,
32
+ PropTypes.string,
33
+ PropTypes.number
34
+ ]).description("value element").isRequired,
35
+ size: PropTypes.func.description("values size").defaultValue(sizeVariants.M),
36
+ position: PropTypes.string.description("position of the value").defaultValue(position.LEFT),
37
+ color: PropTypes.string.description("value color").defaultValue(fontColor.NEUTRAL700),
38
+ semibold: PropTypes.bool.description("semibold or not").defaultValue(false)
38
39
  };
39
-
40
- export { groupProps, labelProps, valueProps, wrapperProps };
40
+ export {
41
+ groupProps,
42
+ labelProps,
43
+ valueProps,
44
+ wrapperProps
45
+ };
46
+ //# sourceMappingURL=props.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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 'react-desc';\nimport {\n position,\n fontColor,\n sizeVariants,\n} from '@elliemae/ds-shared/prop-types';\n\nexport const groupProps = {\n /**\n * The elements to be wrapped\n */\n children: PropTypes.element.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.oneOfType([\n PropTypes.element,\n PropTypes.string,\n PropTypes.number,\n ]).description('Label element').isRequired,\n position: PropTypes.string\n .description('labels position')\n .defaultValue(position.LEFT),\n color: PropTypes.string\n .description('labels color')\n .defaultValue(fontColor.NEUTRAL500),\n};\n\nexport const wrapperProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n className: PropTypes.string.description('html class attribute'),\n icon: PropTypes.element.description('Icon to be attached near value'),\n inverted: PropTypes.bool\n .description('Changes the position of the label')\n .defaultValue(false),\n children: PropTypes.element.description('label value').isRequired,\n};\n\nexport const valueProps = {\n children: PropTypes.oneOfType([\n PropTypes.element,\n PropTypes.string,\n PropTypes.number,\n ]).description('value element').isRequired,\n size: PropTypes.func.description('values size').defaultValue(sizeVariants.M),\n position: PropTypes.string\n .description('position of the value')\n .defaultValue(position.LEFT),\n color: PropTypes.string\n .description('value color')\n .defaultValue(fontColor.NEUTRAL700),\n semibold: PropTypes.bool.description('semibold or not').defaultValue(false),\n};\n"],
5
+ "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAAA;AAMO,MAAM,aAAa;AAAA,EAIxB,UAAU,UAAU,QAAQ,YAAY;AAAA,EAIxC,QAAQ,UAAU,KAAK,YAAY;AAAA,EAInC,aAAa,UAAU,OAAO,YAAY;AAAA;AAGrC,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY,iBAAiB;AAAA,EAChC,UAAU,UAAU,OACjB,YAAY,mBACZ,aAAa,SAAS;AAAA,EACzB,OAAO,UAAU,OACd,YAAY,gBACZ,aAAa,UAAU;AAAA;AAGrB,MAAM,eAAe;AAAA,EAC1B,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAEF,WAAW,UAAU,OAAO,YAAY;AAAA,EACxC,MAAM,UAAU,QAAQ,YAAY;AAAA,EACpC,UAAU,UAAU,KACjB,YAAY,qCACZ,aAAa;AAAA,EAChB,UAAU,UAAU,QAAQ,YAAY,eAAe;AAAA;AAGlD,MAAM,aAAa;AAAA,EACxB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY,iBAAiB;AAAA,EAChC,MAAM,UAAU,KAAK,YAAY,eAAe,aAAa,aAAa;AAAA,EAC1E,UAAU,UAAU,OACjB,YAAY,yBACZ,aAAa,SAAS;AAAA,EACzB,OAAO,UAAU,OACd,YAAY,eACZ,aAAa,UAAU;AAAA,EAC1B,UAAU,UAAU,KAAK,YAAY,mBAAmB,aAAa;AAAA;",
6
+ "names": []
7
+ }
package/esm/index.js CHANGED
@@ -1,5 +1,18 @@
1
- export { default as DSLabelValue, default } from './DSLabelValue.js';
2
- export { WrapperWithSchema } from './components/Wrapper.js';
3
- export { GroupWithSchema } from './components/Group.js';
4
- export { LabelWithSchema } from './components/Label.js';
5
- export { ValueWithSchema } from './components/Value.js';
1
+ import * as React from "react";
2
+ import {
3
+ default as default2,
4
+ default as default3,
5
+ WrapperWithSchema,
6
+ GroupWithSchema,
7
+ LabelWithSchema,
8
+ ValueWithSchema
9
+ } from "./DSLabelValue";
10
+ export {
11
+ default3 as DSLabelValue,
12
+ GroupWithSchema,
13
+ LabelWithSchema,
14
+ ValueWithSchema,
15
+ WrapperWithSchema,
16
+ default2 as default
17
+ };
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 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"],
5
+ "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-label-value",
3
- "version": "2.2.0-next.4",
3
+ "version": "2.3.0-alpha.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Label value",
6
6
  "module": "./esm/index.js",
@@ -60,8 +60,8 @@
60
60
  "build": "node ../../scripts/build/build.js"
61
61
  },
62
62
  "dependencies": {
63
- "@elliemae/ds-classnames": "2.2.0-next.4",
64
- "@elliemae/ds-shared": "2.2.0-next.4",
63
+ "@elliemae/ds-classnames": "2.3.0-alpha.2",
64
+ "@elliemae/ds-shared": "2.3.0-alpha.2",
65
65
  "react-desc": "~4.1.3"
66
66
  },
67
67
  "peerDependencies": {
@@ -32,11 +32,7 @@ declare const Group: {
32
32
  };
33
33
  };
34
34
  declare const GroupWithSchema: {
35
- (props?: {
36
- children: any;
37
- inline: any;
38
- orientation: any;
39
- } | undefined): JSX.Element;
35
+ (props?: unknown): JSX.Element;
40
36
  propTypes: unknown;
41
37
  toTypescript: () => import("react-desc").TypescriptSchema;
42
38
  };
@@ -21,11 +21,7 @@ declare const Label: {
21
21
  };
22
22
  };
23
23
  declare const LabelWithSchema: {
24
- (props?: {
25
- children: any;
26
- position: any;
27
- color: any;
28
- } | undefined): JSX.Element;
24
+ (props?: unknown): JSX.Element;
29
25
  propTypes: unknown;
30
26
  toTypescript: () => import("react-desc").TypescriptSchema;
31
27
  };
@@ -31,13 +31,7 @@ declare const Value: {
31
31
  };
32
32
  };
33
33
  declare const ValueWithSchema: {
34
- (props?: {
35
- children: any;
36
- position: any;
37
- size: any;
38
- color: any;
39
- semibold?: boolean | undefined;
40
- } | undefined): JSX.Element;
34
+ (props?: unknown): JSX.Element;
41
35
  propTypes: unknown;
42
36
  toTypescript: () => import("react-desc").TypescriptSchema;
43
37
  };
@@ -40,13 +40,7 @@ declare const Wrapper: {
40
40
  };
41
41
  };
42
42
  declare const WrapperWithSchema: {
43
- (props?: {
44
- containerProps: any;
45
- children: any;
46
- className: any;
47
- icon: any;
48
- inverted: any;
49
- } | undefined): JSX.Element;
43
+ (props?: unknown): JSX.Element;
50
44
  propTypes: unknown;
51
45
  toTypescript: () => import("react-desc").TypescriptSchema;
52
46
  };