@pareto-engineering/design-system 4.8.0 → 4.8.1

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 (10) hide show
  1. package/dist/cjs/f/fields/FileUpload/common/Preview/styles.scss +1 -0
  2. package/dist/cjs/g/FormBuilder/FormBuilder.js +11 -3
  3. package/dist/cjs/g/FormBuilder/styles.scss +20 -4
  4. package/dist/es/f/fields/FileUpload/common/Preview/styles.scss +1 -0
  5. package/dist/es/g/FormBuilder/FormBuilder.js +11 -3
  6. package/dist/es/g/FormBuilder/styles.scss +20 -4
  7. package/package.json +3 -3
  8. package/src/ui/f/fields/FileUpload/common/Preview/styles.scss +1 -0
  9. package/src/ui/g/FormBuilder/FormBuilder.jsx +14 -2
  10. package/src/ui/g/FormBuilder/styles.scss +20 -4
package/dist/cjs/f/fields/FileUpload/common/Preview/styles.scss CHANGED
@@ -65,6 +65,7 @@ $default-file-width: calc($width-without-gaps / $files-per-row);
65
65
  }
66
66
 
67
67
  > .name {
68
+ color: var(--on-x);
68
69
  overflow: hidden;
69
70
  text-overflow: ellipsis;
70
71
  white-space: nowrap;
package/dist/cjs/g/FormBuilder/FormBuilder.js CHANGED
@@ -39,7 +39,8 @@ const FormBuilder = _ref => {
39
39
  onBuilderValidate,
40
40
  initialBuilderValues,
41
41
  fileUploadStatus,
42
- handleFileDelete
42
+ handleFileDelete,
43
+ taskData
43
44
  // ...otherProps
44
45
  } = _ref;
45
46
  return /*#__PURE__*/React.createElement("div", {
@@ -47,7 +48,9 @@ const FormBuilder = _ref => {
47
48
  className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
48
49
  style: style
49
50
  // {...otherProps}
50
- }, mode === 'build' && /*#__PURE__*/React.createElement(_common.Builder, {
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, {
51
54
  initialValues: initialBuilderValues,
52
55
  formBuilderId: formBuilderId,
53
56
  onSave: onBuilderFormSave,
@@ -107,7 +110,12 @@ FormBuilder.propTypes = {
107
110
  /**
108
111
  * The upload status of files if any
109
112
  */
110
- fileUploadStatus: _propTypes.default.objectOf(_propTypes.default.string)
113
+ fileUploadStatus: _propTypes.default.objectOf(_propTypes.default.string),
114
+ /**
115
+ * The task preview data
116
+ */
117
+ // eslint-disable-next-line react/forbid-prop-types
118
+ taskData: _propTypes.default.objectOf(_propTypes.default.any)
111
119
  };
112
120
  FormBuilder.defaultProps = {
113
121
  mode: 'build',
package/dist/cjs/g/FormBuilder/styles.scss CHANGED
@@ -1,7 +1,23 @@
1
- // /* @pareto-engineering/generator-front 1.1.1-alpha.2 */
1
+ /* @pareto-engineering/generator-front 1.1.1-alpha.2 */
2
2
 
3
- // @use "@pareto-engineering/bem";
3
+ @use "@pareto-engineering/bem";
4
4
 
5
- // .#{bem.$base}.form-builder{
5
+ $default-border: 1px solid var(--ui-lines);
6
+ $default-border-radius: .5em;
7
+ $default-max-height: 10em;
8
+ $default-padding: calc(var(--gap) / 2);
9
+ $default-margin: var(--gap);
6
10
 
7
- // }
11
+ .#{bem.$base}.form-builder {
12
+ > .task-data {
13
+ background: var(--background-inputs);
14
+ border: $default-border;
15
+ border-radius: $default-border-radius;
16
+ color: var(--on-background-far);
17
+ margin-bottom: $default-margin;
18
+ max-height: $default-max-height;
19
+ max-width: 100%;
20
+ overflow: auto;
21
+ padding: $default-padding;
22
+ }
23
+ }
package/dist/es/f/fields/FileUpload/common/Preview/styles.scss CHANGED
@@ -65,6 +65,7 @@ $default-file-width: calc($width-without-gaps / $files-per-row);
65
65
  }
66
66
 
67
67
  > .name {
68
+ color: var(--on-x);
68
69
  overflow: hidden;
69
70
  text-overflow: ellipsis;
70
71
  white-space: nowrap;
package/dist/es/g/FormBuilder/FormBuilder.js CHANGED
@@ -29,14 +29,17 @@ const FormBuilder = ({
29
29
  onBuilderValidate,
30
30
  initialBuilderValues,
31
31
  fileUploadStatus,
32
- handleFileDelete
32
+ handleFileDelete,
33
+ taskData
33
34
  // ...otherProps
34
35
  }) => /*#__PURE__*/React.createElement("div", {
35
36
  id: id,
36
37
  className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
37
38
  style: style
38
39
  // {...otherProps}
39
- }, mode === 'build' && /*#__PURE__*/React.createElement(Builder, {
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, {
40
43
  initialValues: initialBuilderValues,
41
44
  formBuilderId: formBuilderId,
42
45
  onSave: onBuilderFormSave,
@@ -95,7 +98,12 @@ FormBuilder.propTypes = {
95
98
  /**
96
99
  * The upload status of files if any
97
100
  */
98
- fileUploadStatus: PropTypes.objectOf(PropTypes.string)
101
+ fileUploadStatus: PropTypes.objectOf(PropTypes.string),
102
+ /**
103
+ * The task preview data
104
+ */
105
+ // eslint-disable-next-line react/forbid-prop-types
106
+ taskData: PropTypes.objectOf(PropTypes.any)
99
107
  };
100
108
  FormBuilder.defaultProps = {
101
109
  mode: 'build',
package/dist/es/g/FormBuilder/styles.scss CHANGED
@@ -1,7 +1,23 @@
1
- // /* @pareto-engineering/generator-front 1.1.1-alpha.2 */
1
+ /* @pareto-engineering/generator-front 1.1.1-alpha.2 */
2
2
 
3
- // @use "@pareto-engineering/bem";
3
+ @use "@pareto-engineering/bem";
4
4
 
5
- // .#{bem.$base}.form-builder{
5
+ $default-border: 1px solid var(--ui-lines);
6
+ $default-border-radius: .5em;
7
+ $default-max-height: 10em;
8
+ $default-padding: calc(var(--gap) / 2);
9
+ $default-margin: var(--gap);
6
10
 
7
- // }
11
+ .#{bem.$base}.form-builder {
12
+ > .task-data {
13
+ background: var(--background-inputs);
14
+ border: $default-border;
15
+ border-radius: $default-border-radius;
16
+ color: var(--on-background-far);
17
+ margin-bottom: $default-margin;
18
+ max-height: $default-max-height;
19
+ max-width: 100%;
20
+ overflow: auto;
21
+ padding: $default-padding;
22
+ }
23
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pareto-engineering/design-system",
3
- "version": "4.8.0",
3
+ "version": "4.8.1",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",
@@ -60,7 +60,7 @@
60
60
  "@lexical/table": "0.12.2",
61
61
  "@lexical/utils": "0.12.2",
62
62
  "@pareto-engineering/assets": "^4.2.3",
63
- "@pareto-engineering/bem": "^4.8.0",
63
+ "@pareto-engineering/bem": "^4.8.1",
64
64
  "@pareto-engineering/styles": "^4.2.0",
65
65
  "@pareto-engineering/utils": "^4.0.0",
66
66
  "codemirror": "^6.0.1",
@@ -82,5 +82,5 @@
82
82
  "relay-test-utils": "^15.0.0"
83
83
  },
84
84
  "browserslist": "> 2%",
85
- "gitHead": "25b1817b5d00ef3e7eae53072b7914bbc9d1c1fb"
85
+ "gitHead": "602fbbfba2cc3017bbeb000da067c8ecac566728"
86
86
  }
package/src/ui/f/fields/FileUpload/common/Preview/styles.scss CHANGED
@@ -65,6 +65,7 @@ $default-file-width: calc($width-without-gaps / $files-per-row);
65
65
  }
66
66
 
67
67
  > .name {
68
+ color: var(--on-x);
68
69
  overflow: hidden;
69
70
  text-overflow: ellipsis;
70
71
  white-space: nowrap;
package/src/ui/g/FormBuilder/FormBuilder.jsx CHANGED
@@ -35,14 +35,13 @@ const FormBuilder = ({
35
35
  initialBuilderValues,
36
36
  fileUploadStatus,
37
37
  handleFileDelete,
38
+ taskData,
38
39
  // ...otherProps
39
40
  }) => (
40
41
  <div
41
42
  id={id}
42
43
  className={[
43
-
44
44
  baseClassName,
45
-
46
45
  componentClassName,
47
46
  userClassName,
48
47
  ]
@@ -51,6 +50,13 @@ const FormBuilder = ({
51
50
  style={style}
52
51
  // {...otherProps}
53
52
  >
53
+ {
54
+ taskData && (
55
+ <div className="task-data md-span-12 span-8">
56
+ {JSON.stringify(taskData)}
57
+ </div>
58
+ )
59
+ }
54
60
  {mode === 'build' && (
55
61
  <Builder
56
62
  initialValues={initialBuilderValues}
@@ -128,6 +134,12 @@ FormBuilder.propTypes = {
128
134
  * The upload status of files if any
129
135
  */
130
136
  fileUploadStatus:PropTypes.objectOf(PropTypes.string),
137
+
138
+ /**
139
+ * The task preview data
140
+ */
141
+ // eslint-disable-next-line react/forbid-prop-types
142
+ taskData:PropTypes.objectOf(PropTypes.any),
131
143
  }
132
144
 
133
145
  FormBuilder.defaultProps = {
package/src/ui/g/FormBuilder/styles.scss CHANGED
@@ -1,7 +1,23 @@
1
- // /* @pareto-engineering/generator-front 1.1.1-alpha.2 */
1
+ /* @pareto-engineering/generator-front 1.1.1-alpha.2 */
2
2
 
3
- // @use "@pareto-engineering/bem";
3
+ @use "@pareto-engineering/bem";
4
4
 
5
- // .#{bem.$base}.form-builder{
5
+ $default-border: 1px solid var(--ui-lines);
6
+ $default-border-radius: .5em;
7
+ $default-max-height: 10em;
8
+ $default-padding: calc(var(--gap) / 2);
9
+ $default-margin: var(--gap);
6
10
 
7
- // }
11
+ .#{bem.$base}.form-builder {
12
+ > .task-data {
13
+ background: var(--background-inputs);
14
+ border: $default-border;
15
+ border-radius: $default-border-radius;
16
+ color: var(--on-background-far);
17
+ margin-bottom: $default-margin;
18
+ max-height: $default-max-height;
19
+ max-width: 100%;
20
+ overflow: auto;
21
+ padding: $default-padding;
22
+ }
23
+ }