@pareto-engineering/design-system 4.8.1 → 4.8.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 (7) hide show
  1. package/dist/cjs/g/FormBuilder/FormBuilder.js +4 -3
  2. package/dist/cjs/g/FormBuilder/styles.scss +3 -1
  3. package/dist/es/g/FormBuilder/FormBuilder.js +25 -22
  4. package/dist/es/g/FormBuilder/styles.scss +3 -1
  5. package/package.json +2 -2
  6. package/src/ui/g/FormBuilder/FormBuilder.jsx +46 -42
  7. package/src/ui/g/FormBuilder/styles.scss +3 -1
package/dist/cjs/g/FormBuilder/FormBuilder.js CHANGED
@@ -43,14 +43,15 @@ const FormBuilder = _ref => {
43
43
  taskData
44
44
  // ...otherProps
45
45
  } = _ref;
46
+ const formattedJson = JSON.stringify(taskData, null, 2);
46
47
  return /*#__PURE__*/React.createElement("div", {
47
48
  id: id,
48
49
  className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
49
50
  style: style
50
51
  // {...otherProps}
51
- }, taskData && /*#__PURE__*/React.createElement("div", {
52
- className: "task-data md-span-12 span-8"
53
- }, JSON.stringify(taskData)), mode === 'build' && /*#__PURE__*/React.createElement(_common.Builder, {
52
+ }, taskData && /*#__PURE__*/React.createElement("pre", {
53
+ className: "task-data md-span-12 span-8 s-1"
54
+ }, formattedJson), mode === 'build' && /*#__PURE__*/React.createElement(_common.Builder, {
54
55
  initialValues: initialBuilderValues,
55
56
  formBuilderId: formBuilderId,
56
57
  onSave: onBuilderFormSave,
package/dist/cjs/g/FormBuilder/styles.scss CHANGED
@@ -14,10 +14,12 @@ $default-margin: var(--gap);
14
14
  border: $default-border;
15
15
  border-radius: $default-border-radius;
16
16
  color: var(--on-background-far);
17
+ height: $default-max-height;
17
18
  margin-bottom: $default-margin;
18
- max-height: $default-max-height;
19
19
  max-width: 100%;
20
20
  overflow: auto;
21
21
  padding: $default-padding;
22
+ resize: vertical;
23
+ text-wrap: wrap;
22
24
  }
23
25
  }
package/dist/es/g/FormBuilder/FormBuilder.js CHANGED
@@ -32,28 +32,31 @@ const FormBuilder = ({
32
32
  handleFileDelete,
33
33
  taskData
34
34
  // ...otherProps
35
- }) => /*#__PURE__*/React.createElement("div", {
36
- id: id,
37
- className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
38
- style: style
39
- // {...otherProps}
40
- }, taskData && /*#__PURE__*/React.createElement("div", {
41
- className: "task-data md-span-12 span-8"
42
- }, JSON.stringify(taskData)), mode === 'build' && /*#__PURE__*/React.createElement(Builder, {
43
- initialValues: initialBuilderValues,
44
- formBuilderId: formBuilderId,
45
- onSave: onBuilderFormSave,
46
- onError: onBuilderError,
47
- validate: onBuilderValidate
48
- }), mode === 'render' && /*#__PURE__*/React.createElement(Renderer, {
49
- formData: formData,
50
- onSave: onRendererFormSave,
51
- readOnly: readOnly,
52
- shouldSubmit: shouldSubmit,
53
- onError: onRendererError,
54
- fileUploadStatus: fileUploadStatus,
55
- handleFileDelete: handleFileDelete
56
- }));
35
+ }) => {
36
+ const formattedJson = JSON.stringify(taskData, null, 2);
37
+ return /*#__PURE__*/React.createElement("div", {
38
+ id: id,
39
+ className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
40
+ style: style
41
+ // {...otherProps}
42
+ }, taskData && /*#__PURE__*/React.createElement("pre", {
43
+ className: "task-data md-span-12 span-8 s-1"
44
+ }, formattedJson), mode === 'build' && /*#__PURE__*/React.createElement(Builder, {
45
+ initialValues: initialBuilderValues,
46
+ formBuilderId: formBuilderId,
47
+ onSave: onBuilderFormSave,
48
+ onError: onBuilderError,
49
+ validate: onBuilderValidate
50
+ }), mode === 'render' && /*#__PURE__*/React.createElement(Renderer, {
51
+ formData: formData,
52
+ onSave: onRendererFormSave,
53
+ readOnly: readOnly,
54
+ shouldSubmit: shouldSubmit,
55
+ onError: onRendererError,
56
+ fileUploadStatus: fileUploadStatus,
57
+ handleFileDelete: handleFileDelete
58
+ }));
59
+ };
57
60
  FormBuilder.propTypes = {
58
61
  /**
59
62
  * The HTML id for this element
package/dist/es/g/FormBuilder/styles.scss CHANGED
@@ -14,10 +14,12 @@ $default-margin: var(--gap);
14
14
  border: $default-border;
15
15
  border-radius: $default-border-radius;
16
16
  color: var(--on-background-far);
17
+ height: $default-max-height;
17
18
  margin-bottom: $default-margin;
18
- max-height: $default-max-height;
19
19
  max-width: 100%;
20
20
  overflow: auto;
21
21
  padding: $default-padding;
22
+ resize: vertical;
23
+ text-wrap: wrap;
22
24
  }
23
25
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pareto-engineering/design-system",
3
- "version": "4.8.1",
3
+ "version": "4.8.2",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",
@@ -82,5 +82,5 @@
82
82
  "relay-test-utils": "^15.0.0"
83
83
  },
84
84
  "browserslist": "> 2%",
85
- "gitHead": "602fbbfba2cc3017bbeb000da067c8ecac566728"
85
+ "gitHead": "1eea7b1c3085e7c568568baad8f77c76cbcba46f"
86
86
  }
package/src/ui/g/FormBuilder/FormBuilder.jsx CHANGED
@@ -37,48 +37,52 @@ const FormBuilder = ({
37
37
  handleFileDelete,
38
38
  taskData,
39
39
  // ...otherProps
40
- }) => (
41
- <div
42
- id={id}
43
- className={[
44
- baseClassName,
45
- componentClassName,
46
- userClassName,
47
- ]
48
- .filter((e) => e)
49
- .join(' ')}
50
- style={style}
51
- // {...otherProps}
52
- >
53
- {
54
- taskData && (
55
- <div className="task-data md-span-12 span-8">
56
- {JSON.stringify(taskData)}
57
- </div>
58
- )
59
- }
60
- {mode === 'build' && (
61
- <Builder
62
- initialValues={initialBuilderValues}
63
- formBuilderId={formBuilderId}
64
- onSave={onBuilderFormSave}
65
- onError={onBuilderError}
66
- validate={onBuilderValidate}
67
- />
68
- )}
69
- {mode === 'render' && (
70
- <Renderer
71
- formData={formData}
72
- onSave={onRendererFormSave}
73
- readOnly={readOnly}
74
- shouldSubmit={shouldSubmit}
75
- onError={onRendererError}
76
- fileUploadStatus={fileUploadStatus}
77
- handleFileDelete={handleFileDelete}
78
- />
79
- )}
80
- </div>
81
- )
40
+ }) => {
41
+ const formattedJson = JSON.stringify(taskData, null, 2)
42
+
43
+ return (
44
+ <div
45
+ id={id}
46
+ className={[
47
+ baseClassName,
48
+ componentClassName,
49
+ userClassName,
50
+ ]
51
+ .filter((e) => e)
52
+ .join(' ')}
53
+ style={style}
54
+ // {...otherProps}
55
+ >
56
+ {
57
+ taskData && (
58
+ <pre className="task-data md-span-12 span-8 s-1">
59
+ {formattedJson}
60
+ </pre>
61
+ )
62
+ }
63
+ {mode === 'build' && (
64
+ <Builder
65
+ initialValues={initialBuilderValues}
66
+ formBuilderId={formBuilderId}
67
+ onSave={onBuilderFormSave}
68
+ onError={onBuilderError}
69
+ validate={onBuilderValidate}
70
+ />
71
+ )}
72
+ {mode === 'render' && (
73
+ <Renderer
74
+ formData={formData}
75
+ onSave={onRendererFormSave}
76
+ readOnly={readOnly}
77
+ shouldSubmit={shouldSubmit}
78
+ onError={onRendererError}
79
+ fileUploadStatus={fileUploadStatus}
80
+ handleFileDelete={handleFileDelete}
81
+ />
82
+ )}
83
+ </div>
84
+ )
85
+ }
82
86
 
83
87
  FormBuilder.propTypes = {
84
88
  /**
package/src/ui/g/FormBuilder/styles.scss CHANGED
@@ -14,10 +14,12 @@ $default-margin: var(--gap);
14
14
  border: $default-border;
15
15
  border-radius: $default-border-radius;
16
16
  color: var(--on-background-far);
17
+ height: $default-max-height;
17
18
  margin-bottom: $default-margin;
18
- max-height: $default-max-height;
19
19
  max-width: 100%;
20
20
  overflow: auto;
21
21
  padding: $default-padding;
22
+ resize: vertical;
23
+ text-wrap: wrap;
22
24
  }
23
25
  }