Skip to content

Commit c2d2743

Browse files
ilan7empestilan7empest
authored
Create a new dist version 0.0.31-1.2.1 (#94)
1 parent d8562da commit c2d2743

File tree

15 files changed

+475
-241
lines changed

15 files changed

+475
-241
lines changed

‎dist/components/FormChipCell/FormChip/FormChip.js‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ var FormChip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
4040
handleRemoveChip = _ref.handleRemoveChip,
4141
handleToEditMode = _ref.handleToEditMode,
4242
isDeleteMode = _ref.isDeleteMode,
43-
isEditable = _ref.isEditable,
43+
isEditMode = _ref.isEditMode,
4444
keyName = _ref.keyName,
4545
meta = _ref.meta,
4646
setChipsSizes = _ref.setChipsSizes,
@@ -69,7 +69,7 @@ var FormChip = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
6969
className: "input-label-key",
7070
editConfig: editConfig,
7171
handleRemoveChip: handleRemoveChip,
72-
isEditable: isEditable,
72+
isEditMode: isEditMode,
7373
keyName: keyName,
7474
meta: meta,
7575
onChange: handleEditChip,
@@ -91,7 +91,7 @@ FormChip.defaultProps = {
9191
font: 'purple'
9292
},
9393
isDeleteMode: false,
94-
isEditable: false,
94+
isEditMode: false,
9595
keyName: '',
9696
validationRules: {},
9797
valueName: ''
@@ -105,7 +105,7 @@ FormChip.propTypes = {
105105
handleRemoveChip: _propTypes.default.func.isRequired,
106106
handleToEditMode: _propTypes.default.func.isRequired,
107107
isDeleteMode: _propTypes.default.bool,
108-
isEditable: _propTypes.default.bool,
108+
isEditMode: _propTypes.default.bool,
109109
keyName: _propTypes.default.string,
110110
meta: _propTypes.default.object.isRequired,
111111
setChipsSizes: _propTypes.default.func.isRequired,

‎dist/components/FormChipCell/FormChipCell.js‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ var FormChipCell = function FormChipCell(_ref) {
6060
delimiter = _ref.delimiter,
6161
formState = _ref.formState,
6262
initialValues = _ref.initialValues,
63-
isEditable = _ref.isEditable,
63+
isEditMode = _ref.isEditMode,
6464
label = _ref.label,
6565
name = _ref.name,
6666
onClick = _ref.onClick,
@@ -103,20 +103,20 @@ var FormChipCell = function FormChipCell(_ref) {
103103
var chipsCellRef = (0, _react.useRef)();
104104
var chipsWrapperRef = (0, _react.useRef)();
105105
var handleShowElements = (0, _react.useCallback)(function () {
106-
if (!isEditable || isEditable && visibleChipsMaxLength) {
106+
if (!isEditMode || isEditMode && visibleChipsMaxLength) {
107107
setShowHiddenChips(function (state) {
108108
return !state;
109109
});
110110
}
111-
}, [isEditable, visibleChipsMaxLength]);
111+
}, [isEditMode, visibleChipsMaxLength]);
112112
var chips = (0, _react.useMemo)(function () {
113-
return isEditable || visibleChipsMaxLength === 'all' ? {
113+
return isEditMode || visibleChipsMaxLength === 'all' ? {
114114
visibleChips: (0, _lodash.get)(formState.values, name),
115115
hiddenChips: []
116116
} : (0, _generateChipsList.generateChipsList)((0, _lodash.get)(formState.values, name), visibleChipsMaxLength ? visibleChipsMaxLength : visibleChipsCount);
117-
}, [visibleChipsMaxLength, isEditable, visibleChipsCount, formState.values, name]);
117+
}, [visibleChipsMaxLength, isEditMode, visibleChipsCount, formState.values, name]);
118118
var handleResize = (0, _react.useCallback)(function () {
119-
if (!isEditable && !(0, _common.isEveryObjectValueEmpty)(chipsSizes)) {
119+
if (!isEditMode && !(0, _common.isEveryObjectValueEmpty)(chipsSizes)) {
120120
var _chipsCellRef$current;
121121

122122
var parentSize = (_chipsCellRef$current = chipsCellRef.current) === null || _chipsCellRef$current === void 0 ? void 0 : _chipsCellRef$current.getBoundingClientRect().width;
@@ -140,18 +140,18 @@ var FormChipCell = function FormChipCell(_ref) {
140140
setVisibleChipsCount(chipIndex);
141141
setShowChips(true);
142142
}
143-
}, [chipsSizes, isEditable]);
143+
}, [chipsSizes, isEditMode]);
144144
(0, _react.useEffect)(function () {
145145
handleResize();
146146
}, [handleResize, showChips]);
147147
(0, _react.useEffect)(function () {
148-
if (!isEditable) {
148+
if (!isEditMode) {
149149
window.addEventListener('resize', handleResize);
150150
return function () {
151151
return window.removeEventListener('resize', handleResize);
152152
};
153153
}
154-
}, [handleResize, isEditable]);
154+
}, [handleResize, isEditMode]);
155155
(0, _react.useEffect)(function () {
156156
window.addEventListener('mainResize', handleResize);
157157
return function () {
@@ -262,7 +262,7 @@ var FormChipCell = function FormChipCell(_ref) {
262262
event && event.preventDefault();
263263
}, [editConfig.chipIndex, handleRemoveChip, checkChipsList, formState.values, name]);
264264
var handleToEditMode = (0, _react.useCallback)(function (event, index) {
265-
if (isEditable) {
265+
if (isEditMode) {
266266
event.stopPropagation();
267267
setEditConfig(function (preState) {
268268
return _objectSpread(_objectSpread({}, preState), {}, {
@@ -275,7 +275,7 @@ var FormChipCell = function FormChipCell(_ref) {
275275
}
276276

277277
onClick && onClick();
278-
}, [isEditable, onClick]);
278+
}, [isEditMode, onClick]);
279279

280280
var validateFields = function validateFields(fieldsArray) {
281281
var uniquenessValidator = function uniquenessValidator(newValue, idx) {
@@ -378,7 +378,7 @@ var FormChipCell = function FormChipCell(_ref) {
378378
handleRemoveChip: handleRemoveChip,
379379
handleShowElements: handleShowElements,
380380
handleToEditMode: handleToEditMode,
381-
isEditable: isEditable,
381+
isEditMode: isEditMode,
382382
name: name,
383383
ref: {
384384
chipsCellRef: chipsCellRef,
@@ -406,7 +406,7 @@ FormChipCell.defaultProps = {
406406
font: 'purple'
407407
},
408408
delimiter: null,
409-
isEditable: false,
409+
isEditMode: false,
410410
label: null,
411411
onClick: function onClick() {},
412412
shortChips: false,
@@ -419,7 +419,7 @@ FormChipCell.propTypes = {
419419
delimiter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
420420
formState: _propTypes.default.shape({}).isRequired,
421421
initialValues: _propTypes.default.object.isRequired,
422-
isEditable: _propTypes.default.bool,
422+
isEditMode: _propTypes.default.bool,
423423
label: _propTypes.default.string,
424424
name: _propTypes.default.string.isRequired,
425425
onClick: _propTypes.default.func,

‎dist/components/FormChipCell/FormChipCellView.js‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ var FormChipCellView = /*#__PURE__*/_react.default.forwardRef(function (_ref, _r
5858
_handleRemoveChip = _ref.handleRemoveChip,
5959
handleShowElements = _ref.handleShowElements,
6060
handleToEditMode = _ref.handleToEditMode,
61-
isEditable = _ref.isEditable,
61+
isEditMode = _ref.isEditMode,
6262
name = _ref.name,
6363
setChipsSizes = _ref.setChipsSizes,
6464
setEditConfig = _ref.setEditConfig,
@@ -70,8 +70,8 @@ var FormChipCellView = /*#__PURE__*/_react.default.forwardRef(function (_ref, _r
7070
var chipsCellRef = _ref2.chipsCellRef,
7171
chipsWrapperRef = _ref2.chipsWrapperRef;
7272
var buttonAddClassNames = (0, _classnames.default)('button-add', chipOptions.background && "button-add-background_".concat(chipOptions.background), chipOptions.borderColor && "button-add-border_".concat(chipOptions.borderColor), chipOptions.font && "button-add-font_".concat(chipOptions.font), chipOptions.density && "button-add-density_".concat(chipOptions.density));
73-
var wrapperClassNames = (0, _classnames.default)('chips-wrapper', isEditable && 'fixed-max-width');
74-
var chipClassNames = (0, _classnames.default)('chip', 'chip__content', isEditable && 'data-ellipsis', shortChips && 'chip_short', chips.hiddenChips && 'chip_hidden', chipOptions.density && "chip-density_".concat(chipOptions.density), chipOptions.borderRadius && "chip-border_".concat(chipOptions.borderRadius), chipOptions.background && "chip-background_".concat(chipOptions.background), chipOptions.borderColor && "chip-border_".concat(chipOptions.borderColor), chipOptions.font && "chip-font_".concat(chipOptions.font), isEditable && 'editable', (showChips || isEditable) && 'chip_visible');
73+
var wrapperClassNames = (0, _classnames.default)('chips-wrapper', isEditMode && 'fixed-max-width');
74+
var chipClassNames = (0, _classnames.default)('chip', 'chip__content', isEditMode && 'data-ellipsis', shortChips && 'chip_short', chips.hiddenChips && 'chip_hidden', chipOptions.density && "chip-density_".concat(chipOptions.density), chipOptions.borderRadius && "chip-border_".concat(chipOptions.borderRadius), chipOptions.background && "chip-background_".concat(chipOptions.background), chipOptions.borderColor && "chip-border_".concat(chipOptions.borderColor), chipOptions.font && "chip-font_".concat(chipOptions.font), isEditMode && 'editable', (showChips || isEditMode) && 'chip_visible');
7575
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
7676
name: name,
7777
validate: validateFields,
@@ -85,7 +85,7 @@ var FormChipCellView = /*#__PURE__*/_react.default.forwardRef(function (_ref, _r
8585
validationRules.key.push(_formChipCell.uniquenessError);
8686
}
8787

88-
return (isEditable || !(0, _common.isEveryObjectValueEmpty)(fields)) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
88+
return (isEditMode || !(0, _common.isEveryObjectValueEmpty)(fields)) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
8989
className: "chips-cell",
9090
ref: chipsCellRef,
9191
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -118,7 +118,7 @@ var FormChipCellView = /*#__PURE__*/_react.default.forwardRef(function (_ref, _r
118118
return _handleRemoveChip(event, fields, index);
119119
},
120120
handleToEditMode: handleToEditMode,
121-
isEditable: isEditable,
121+
isEditMode: isEditMode,
122122
keyName: "".concat(contentItem, ".key"),
123123
meta: meta,
124124
ref: chipsCellRef,
@@ -143,7 +143,7 @@ var FormChipCellView = /*#__PURE__*/_react.default.forwardRef(function (_ref, _r
143143
onClick: handleShowElements,
144144
children: chips.hiddenChipsNumber
145145
})]
146-
}), isEditable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
146+
}), isEditMode && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
147147
className: buttonAddClassNames,
148148
onClick: function onClick(e) {
149149
return handleAddNewChip(e, fields);
@@ -165,7 +165,7 @@ FormChipCellView.defaultProps = {
165165
density: 'dense',
166166
font: 'purple'
167167
},
168-
isEditable: false,
168+
isEditMode: false,
169169
shortChips: false,
170170
validationRules: {}
171171
};
@@ -178,7 +178,7 @@ FormChipCellView.propTypes = {
178178
handleRemoveChip: _propTypes.default.func.isRequired,
179179
handleShowElements: _propTypes.default.func.isRequired,
180180
handleToEditMode: _propTypes.default.func.isRequired,
181-
isEditable: _propTypes.default.bool,
181+
isEditMode: _propTypes.default.bool,
182182
name: _propTypes.default.string.isRequired,
183183
setChipsSizes: _propTypes.default.func.isRequired,
184184
setEditConfig: _propTypes.default.func.isRequired,

‎dist/components/FormChipCell/NewChipForm/NewChipForm.js‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
6262
className = _ref.className,
6363
editConfig = _ref.editConfig,
6464
handleRemoveChip = _ref.handleRemoveChip,
65-
isEditable = _ref.isEditable,
65+
isEditMode = _ref.isEditMode,
6666
keyName = _ref.keyName,
6767
meta = _ref.meta,
6868
onChange = _ref.onChange,
@@ -187,7 +187,7 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
187187
var focusChip = (0, _react.useCallback)(function (event) {
188188
event.stopPropagation();
189189

190-
if (editConfig.chipIndex === chipIndex && isEditable) {
190+
if (editConfig.chipIndex === chipIndex && isEditMode) {
191191
if (!event.shiftKey && event.key === _constants.TAB && editConfig.isValueFocused) {
192192
onChange(event, _constants.TAB);
193193
} else if (event.shiftKey && event.key === _constants.TAB && editConfig.isKeyFocused) {
@@ -203,7 +203,7 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
203203
});
204204
}
205205
}
206-
}, [editConfig, onChange, chipIndex, isEditable]);
206+
}, [editConfig, onChange, chipIndex, isEditMode]);
207207
var handleOnFocus = (0, _react.useCallback)(function (event) {
208208
if (editConfig.chipIndex === chipIndex) {
209209
if (event.target.name === keyName) {
@@ -292,7 +292,7 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
292292
ref: refInputContainer,
293293
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NewChipInput.default, {
294294
className: labelKeyClassName,
295-
disabled: !isEditable || editConfig.chipIndex !== chipIndex,
295+
disabled: !isEditMode || editConfig.chipIndex !== chipIndex,
296296
name: keyName,
297297
onChange: handleOnChange,
298298
onFocus: handleOnFocus,
@@ -306,7 +306,7 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
306306
children: ":"
307307
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_NewChipInput.default, {
308308
className: labelValueClassName,
309-
disabled: !isEditable || editConfig.chipIndex !== chipIndex,
309+
disabled: !isEditMode || editConfig.chipIndex !== chipIndex,
310310
name: valueName,
311311
onChange: handleOnChange,
312312
onFocus: handleOnFocus,
@@ -315,7 +315,7 @@ var NewChipForm = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
315315
style: {
316316
width: chipData.valueFieldWidth
317317
}
318-
}), editConfig.chipIndex !== chipIndex && isEditable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
318+
}), editConfig.chipIndex !== chipIndex && isEditMode && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
319319
className: "edit-chip__icon-close",
320320
onClick: function onClick(event) {
321321
return handleRemoveChip(event, chipIndex);
@@ -340,7 +340,7 @@ NewChipForm.propTypes = {
340340
className: _propTypes.default.string,
341341
editConfig: _propTypes.default.shape({}).isRequired,
342342
handleRemoveChip: _propTypes.default.func.isRequired,
343-
isEditable: _propTypes.default.bool.isRequired,
343+
isEditMode: _propTypes.default.bool.isRequired,
344344
keyName: _propTypes.default.string.isRequired,
345345
meta: _propTypes.default.object.isRequired,
346346
onChange: _propTypes.default.func.isRequired,

‎dist/components/FormCombobox/FormCombobox.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -177,7 +177,7 @@ var FormCombobox = function FormCombobox(_ref) {
177177
setIsInvalid(meta.invalid && (meta.validating || meta.modified || meta.submitFailed && meta.touched));
178178
}, [meta.invalid, meta.modified, meta.submitFailed, meta.touched, meta.validating]);
179179
var handleOutsideClick = (0, _react.useCallback)(function (event) {
180-
if (comboboxRef.current && !comboboxRef.current.contains(event.target) && suggestionListRef.current && !suggestionListRef.current.contains(event.target)) {
180+
if (comboboxRef.current && !comboboxRef.current.contains(event.target)) {
181181
setSearchIsFocused(false);
182182
setShowSelectDropdown(false);
183183
setShowSuggestionList(false);

0 commit comments

Comments
 (0)