@desynova-digital/components 9.0.5 → 9.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/atoms/draftInputText/draftInputText.js +15 -12
  2. package/atoms/draftInputText/draftInputText.story.js +3 -42
  3. package/package.json +2 -2
package/atoms/draftInputText/draftInputText.js CHANGED
@@ -59,8 +59,7 @@ var DraftInputText = function DraftInputText(_ref) {
59
59
  showLengthCount = _ref.showLengthCount,
60
60
  label = _ref.label,
61
61
  value = _ref.value,
62
- showLocal = _ref.showLocal,
63
- props = _objectWithoutProperties(_ref, ['maxLength', 'defaultValue', 'type', 'showLengthCount', 'label', 'value', 'showLocal']);
62
+ props = _objectWithoutProperties(_ref, ['maxLength', 'defaultValue', 'type', 'showLengthCount', 'label', 'value']);
64
63
 
65
64
  var _useState = (0, _react.useState)(true),
66
65
  _useState2 = _slicedToArray(_useState, 2),
@@ -86,10 +85,16 @@ var DraftInputText = function DraftInputText(_ref) {
86
85
 
87
86
  var _useState9 = (0, _react.useState)(null),
88
87
  _useState10 = _slicedToArray(_useState9, 2),
89
- convertedContent = _useState10[0],
90
- setConvertedContent = _useState10[1];
88
+ listScrollTop = _useState10[0],
89
+ setListScrollTop = _useState10[1];
91
90
 
92
91
  var contentLength = editorState.getCurrentContent().getPlainText('').length;
92
+ var scrollObject = localStorage.getItem('scrollObject');
93
+
94
+ if (scrollObject && JSON.parse(scrollObject).tableListScrollTop !== listScrollTop) {
95
+ setListScrollTop(JSON.parse(scrollObject).tableListScrollTop);
96
+ }
97
+
93
98
  if (props.error && props.error.length > 0) {
94
99
  var errorMesssage = props.error;
95
100
  }
@@ -207,7 +212,6 @@ var DraftInputText = function DraftInputText(_ref) {
207
212
  (0, _react.useEffect)(function () {
208
213
  var html = (0, _draftConvert.convertToHTML)(editorState.getCurrentContent());
209
214
  html = removeOuterPTag(html);
210
- setConvertedContent(html);
211
215
  var obj = {
212
216
  size: contentLength,
213
217
  html: html
@@ -228,8 +232,9 @@ var DraftInputText = function DraftInputText(_ref) {
228
232
  });
229
233
  }
230
234
  }, [value]);
231
- if (!showLocal) {
232
- (0, _react.useEffect)(function () {
235
+
236
+ (0, _react.useEffect)(function () {
237
+ if (listScrollTop !== null) {
233
238
  if (!props.simpleEdit) {
234
239
  setDiff(true);
235
240
  value = undefined;
@@ -237,8 +242,8 @@ var DraftInputText = function DraftInputText(_ref) {
237
242
  return _draftJs.EditorState.createEmpty();
238
243
  });
239
244
  }
240
- }, [JSON.parse(localStorage.getItem('scrollObject')).tableListScrollTop]);
241
- }
245
+ }
246
+ }, [listScrollTop]);
242
247
 
243
248
  return _react2.default.createElement(
244
249
  DraftInputTextDiv,
@@ -377,12 +382,10 @@ DraftInputText.propTypes = {
377
382
  showLengthCount: _propTypes2.default.bool,
378
383
  simpleEdit: _propTypes2.default.bool,
379
384
  theme: _propTypes2.default.oneOf(['light', 'dark', 'nexc']),
380
- fieldType: _propTypes2.default.oneOf(['inputField', 'textArea']),
381
- showLocal: _propTypes2.default.bool
385
+ fieldType: _propTypes2.default.oneOf(['inputField', 'textArea'])
382
386
  };
383
387
 
384
388
  DraftInputText.defaultProps = {
385
- showLocal: false,
386
389
  fieldType: 'textArea',
387
390
  readOnly: false,
388
391
  code: false,
package/atoms/draftInputText/draftInputText.story.js CHANGED
@@ -20,7 +20,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
20
20
  _storyHelpers.Stack,
21
21
  null,
22
22
  _react2.default.createElement(_components.DraftInputText, {
23
- showLocal: true,
24
23
  inputWidth: 300,
25
24
  fieldType: 'inputField',
26
25
  showLengthCount: true,
@@ -38,7 +37,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
38
37
  required: true
39
38
  }),
40
39
  _react2.default.createElement(_components.DraftInputText, {
41
- showLocal: true,
42
40
  type: 'password',
43
41
  label: 'Middle Name',
44
42
  minLength: 3,
@@ -46,26 +44,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
46
44
  placeholder: 'Show as password',
47
45
  required: true
48
46
  }),
49
- _react2.default.createElement(_components.DraftInputText, {
50
- showLocal: true,
51
- type: 'text',
52
- value: 'hello',
53
- label: 'Label and default value',
54
- required: true
55
- })
47
+ _react2.default.createElement(_components.DraftInputText, { type: 'text', value: 'hello', label: 'Label and default value', required: true })
56
48
  ),
57
49
  _react2.default.createElement(
58
50
  _storyHelpers.Stack,
59
51
  null,
52
+ _react2.default.createElement(_components.DraftInputText, { type: 'number', placeholder: 'number field & no Label', required: true, maxLength: 10 }),
60
53
  _react2.default.createElement(_components.DraftInputText, {
61
- showLocal: true,
62
- type: 'number',
63
- placeholder: 'number field & no Label',
64
- required: true,
65
- maxLength: 10
66
- }),
67
- _react2.default.createElement(_components.DraftInputText, {
68
- showLocal: true,
69
54
  type: 'number',
70
55
  id: 'input-text-1',
71
56
  label: 'Label \'For\'-\'id\' prop',
@@ -74,7 +59,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
74
59
  maxLength: 10
75
60
  }),
76
61
  _react2.default.createElement(_components.DraftInputText, {
77
- showLocal: true,
78
62
  type: 'text',
79
63
  value: 'No Label and default value',
80
64
  onChange: function onChange(e) {
@@ -88,7 +72,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
88
72
  _storyHelpers.Stack,
89
73
  null,
90
74
  _react2.default.createElement(_components.DraftInputText, {
91
- showLocal: true,
92
75
  type: 'number',
93
76
  label: 'number & max 5',
94
77
  placeholder: 'max length 5',
@@ -96,15 +79,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
96
79
  minLength: 3,
97
80
  maxLength: 5
98
81
  }),
82
+ _react2.default.createElement(_components.DraftInputText, { type: 'text', error: 'Invalid text', placeholder: 'Display error', required: true }),
99
83
  _react2.default.createElement(_components.DraftInputText, {
100
- showLocal: true,
101
- type: 'text',
102
- error: 'Invalid text',
103
- placeholder: 'Display error',
104
- required: true
105
- }),
106
- _react2.default.createElement(_components.DraftInputText, {
107
- showLocal: true,
108
84
  readOnly: true,
109
85
  type: 'text',
110
86
  value: 'hello',
@@ -119,14 +95,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
119
95
  _storyHelpers.Stack,
120
96
  null,
121
97
  _react2.default.createElement(_components.DraftInputText, {
122
- showLocal: true,
123
98
  type: 'password',
124
99
  value: 'this@is$passw0rd',
125
100
  placeholder: 'This is password toggle',
126
101
  passwordButton: true
127
102
  }),
128
103
  _react2.default.createElement(_components.DraftInputText, {
129
- showLocal: true,
130
104
  label: 'Label \'For\'-\'id\' prop',
131
105
  type: 'password',
132
106
  value: 'this@is$passw0rd',
@@ -134,7 +108,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
134
108
  passwordButton: true
135
109
  }),
136
110
  _react2.default.createElement(_components.DraftInputText, {
137
- showLocal: true,
138
111
  label: 'Label \'For\'-\'id\' ',
139
112
  error: ' this is error',
140
113
  type: 'password',
@@ -154,7 +127,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
154
127
  _storyHelpers.Stack,
155
128
  null,
156
129
  _react2.default.createElement(_components.DraftInputText, {
157
- showLocal: true,
158
130
  inputWidth: 300,
159
131
  theme: 'dark',
160
132
  type: 'text',
@@ -169,7 +141,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
169
141
  required: true
170
142
  }),
171
143
  _react2.default.createElement(_components.DraftInputText, {
172
- showLocal: true,
173
144
  theme: 'dark',
174
145
  type: 'password',
175
146
  label: 'Middle Name',
@@ -179,7 +150,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
179
150
  required: true
180
151
  }),
181
152
  _react2.default.createElement(_components.DraftInputText, {
182
- showLocal: true,
183
153
  theme: 'dark',
184
154
  type: 'text',
185
155
  value: 'hello there i am using',
@@ -191,7 +161,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
191
161
  _storyHelpers.Stack,
192
162
  null,
193
163
  _react2.default.createElement(_components.DraftInputText, {
194
- showLocal: true,
195
164
  theme: 'dark',
196
165
  type: 'number',
197
166
  placeholder: 'number field & no Label',
@@ -199,7 +168,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
199
168
  maxLength: 10
200
169
  }),
201
170
  _react2.default.createElement(_components.DraftInputText, {
202
- showLocal: true,
203
171
  theme: 'dark',
204
172
  type: 'number',
205
173
  id: 'input-text-1',
@@ -209,7 +177,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
209
177
  maxLength: 10
210
178
  }),
211
179
  _react2.default.createElement(_components.DraftInputText, {
212
- showLocal: true,
213
180
  theme: 'dark',
214
181
  capitalizeFirstLetter: true,
215
182
  type: 'text',
@@ -225,7 +192,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
225
192
  _storyHelpers.Stack,
226
193
  null,
227
194
  _react2.default.createElement(_components.DraftInputText, {
228
- showLocal: true,
229
195
  theme: 'dark',
230
196
  type: 'number',
231
197
  label: 'number & max 5',
@@ -235,7 +201,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
235
201
  maxLength: 5
236
202
  }),
237
203
  _react2.default.createElement(_components.DraftInputText, {
238
- showLocal: true,
239
204
  theme: 'dark',
240
205
  type: 'text',
241
206
  error: 'Invalid text',
@@ -243,7 +208,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
243
208
  required: true
244
209
  }),
245
210
  _react2.default.createElement(_components.DraftInputText, {
246
- showLocal: true,
247
211
  theme: 'dark',
248
212
  readOnly: true,
249
213
  type: 'text',
@@ -259,7 +223,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
259
223
  _storyHelpers.Stack,
260
224
  null,
261
225
  _react2.default.createElement(_components.DraftInputText, {
262
- showLocal: true,
263
226
  theme: 'dark',
264
227
  type: 'password',
265
228
  value: 'this@is$passw0rd',
@@ -267,7 +230,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
267
230
  passwordButton: true
268
231
  }),
269
232
  _react2.default.createElement(_components.DraftInputText, {
270
- showLocal: true,
271
233
  theme: 'dark',
272
234
  label: 'Label \'For\'-\'id\' prop',
273
235
  type: 'password',
@@ -276,7 +238,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
276
238
  passwordButton: true
277
239
  }),
278
240
  _react2.default.createElement(_components.DraftInputText, {
279
- showLocal: true,
280
241
  theme: 'dark',
281
242
  label: 'Label \'For\'-\'id\' ',
282
243
  error: ' this is error',
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@desynova-digital/components",
3
- "version": "9.0.5",
3
+ "version": "9.0.6",
4
4
  "description": "Components for Desynova Digital",
5
5
  "main": "index.js",
6
6
  "author": "desynova-digital",
7
7
  "license": "MIT",
8
8
  "repository": "desynova-digital",
9
9
  "dependencies": {
10
- "@desynova-digital/tokens": "9.0.5",
10
+ "@desynova-digital/tokens": "9.0.6",
11
11
  "prop-types": "^15.7.2",
12
12
  "styled-components": "^4.3.2"
13
13
  },