linear-react-components-ui 0.4.77-beta.5 → 0.4.77-beta.7
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.
- package/.eslintrc.js +26 -0
- package/.husky/pre-commit +4 -0
- package/.vscode/settings.json +0 -3
- package/jest.config.js +3 -3
- package/lib/alerts/AlertContainer.js +2 -2
- package/lib/alerts/AlertProvider.js +11 -11
- package/lib/alerts/BaseAlert.js +5 -5
- package/lib/alerts/Message.js +21 -21
- package/lib/alerts/alert.spec.js +3 -3
- package/lib/alerts/helpers.js +4 -4
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +6 -6
- package/lib/assets/styles/commons.scss +10 -0
- package/lib/assets/styles/list.scss +8 -0
- package/lib/assets/styles/sidenav.scss +93 -42
- package/lib/assets/styles/table.scss +2 -7
- package/lib/avatar/avatar.spec.js +20 -20
- package/lib/avatar/index.js +28 -28
- package/lib/badge/badge.spec.js +3 -3
- package/lib/badge/index.js +12 -12
- package/lib/buttons/ActivateButton.js +5 -5
- package/lib/buttons/AddButton.js +5 -5
- package/lib/buttons/Button.js +14 -22
- package/lib/buttons/ButtonGroups.js +9 -4
- package/lib/buttons/CancelButton.js +6 -19
- package/lib/buttons/DangerButton.js +21 -16
- package/lib/buttons/DefaultButton.js +136 -72
- package/lib/buttons/DestroyButton.js +6 -15
- package/lib/buttons/EditButton.js +5 -5
- package/lib/buttons/InactivateButton.js +5 -5
- package/lib/buttons/InfoButton.js +21 -16
- package/lib/buttons/PrimaryButton.js +21 -16
- package/lib/buttons/RestoreButton.js +5 -5
- package/lib/buttons/SaveButton.js +5 -18
- package/lib/buttons/SuccessButton.js +20 -15
- package/lib/buttons/WarningButton.js +20 -15
- package/lib/buttons/button_container/index.js +22 -9
- package/lib/buttons/buttons.spec.js +51 -52
- package/lib/buttons/index.js +18 -18
- package/lib/buttons/split_button/index.js +43 -6
- package/lib/calendar/DangerCalendar.js +4 -4
- package/lib/calendar/InfoCalendar.js +4 -4
- package/lib/calendar/PrimaryCalendar.js +4 -4
- package/lib/calendar/SuccessCalendar.js +4 -4
- package/lib/calendar/WarningCalendar.js +4 -4
- package/lib/calendar/base/Day.js +8 -8
- package/lib/calendar/base/Month.js +6 -6
- package/lib/calendar/base/Week.js +7 -7
- package/lib/calendar/base/helpers.js +7 -7
- package/lib/calendar/base/index.js +19 -19
- package/lib/calendar/calendar.spec.js +16 -16
- package/lib/calendar/index.js +9 -9
- package/lib/checkbox/Label.js +17 -7
- package/lib/checkbox/checkbox.spec.js +17 -16
- package/lib/checkbox/index.js +76 -44
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +19 -19
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +12 -12
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +6 -6
- package/lib/dialog/base/Footer.js +5 -5
- package/lib/dialog/base/Header.js +14 -14
- package/lib/dialog/base/index.js +18 -18
- package/lib/dialog/base/style.js +2 -2
- package/lib/dialog/dialog.spec.js +19 -19
- package/lib/dialog/form/index.js +24 -24
- package/lib/dialog/index.js +10 -10
- package/lib/drawer/Content.js +8 -8
- package/lib/drawer/Drawer.js +19 -19
- package/lib/drawer/Drawer.spec.js +9 -9
- package/lib/drawer/Header.js +26 -26
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +6 -6
- package/lib/dropdown/Popup.js +9 -15
- package/lib/dropdown/dropdown.spec.js +8 -8
- package/lib/dropdown/withDropdown.js +44 -17
- package/lib/fieldset/fieldset.spec.js +3 -3
- package/lib/fieldset/index.js +23 -23
- package/lib/form/Field.js +23 -23
- package/lib/form/FieldArray.js +25 -25
- package/lib/form/FieldNumber.js +15 -15
- package/lib/form/FieldPeriod.js +22 -22
- package/lib/form/form.spec.js +11 -11
- package/lib/form/helpers.js +5 -5
- package/lib/form/index.js +34 -34
- package/lib/form/withFieldHOC.js +13 -13
- package/lib/form/withFormSecurity.js +9 -9
- package/lib/gridlayout/GridCol.js +9 -9
- package/lib/gridlayout/GridRow.js +10 -10
- package/lib/gridlayout/gridLayout.spec.js +4 -4
- package/lib/gridlayout/index.js +5 -5
- package/lib/icons/helper.js +1 -1
- package/lib/icons/icons.spec.js +9 -9
- package/lib/icons/index.js +45 -28
- package/lib/index.js +10 -10
- package/lib/inputs/base/InputTextBase.js +64 -64
- package/lib/inputs/base/base.spec.js +13 -13
- package/lib/inputs/base/helpers.js +6 -6
- package/lib/inputs/color/color_input.spec.js +4 -4
- package/lib/inputs/color/index.js +15 -15
- package/lib/inputs/date/Dialog.js +7 -7
- package/lib/inputs/date/Dropdown.js +6 -6
- package/lib/inputs/date/date.spec.js +5 -5
- package/lib/inputs/date/helpers.js +4 -4
- package/lib/inputs/date/index.js +32 -32
- package/lib/inputs/inputHOC.js +11 -11
- package/lib/inputs/mask/BaseMask.js +9 -9
- package/lib/inputs/mask/Cnpj.js +9 -9
- package/lib/inputs/mask/Cpf.js +9 -9
- package/lib/inputs/mask/Phone.js +5 -5
- package/lib/inputs/mask/ZipCode.js +4 -4
- package/lib/inputs/mask/helpers.js +2 -2
- package/lib/inputs/mask/imaskHOC.js +32 -32
- package/lib/inputs/mask/index.js +8 -8
- package/lib/inputs/mask/input_mask.spec.js +47 -47
- package/lib/inputs/multiSelect/ActionButtons.js +13 -13
- package/lib/inputs/multiSelect/Dropdown.js +38 -38
- package/lib/inputs/multiSelect/helper.js +2 -2
- package/lib/inputs/multiSelect/index.js +21 -21
- package/lib/inputs/number/BaseNumber.js +8 -8
- package/lib/inputs/number/Currency.js +7 -7
- package/lib/inputs/number/Decimal.js +4 -4
- package/lib/inputs/number/index.js +8 -8
- package/lib/inputs/number/numberfield.spec.js +5 -5
- package/lib/inputs/period/Dialog.js +7 -7
- package/lib/inputs/period/Dropdown.js +8 -8
- package/lib/inputs/period/PeriodList.js +9 -9
- package/lib/inputs/period/helper.js +6 -6
- package/lib/inputs/period/index.js +51 -49
- package/lib/inputs/search/index.js +24 -23
- package/lib/inputs/search/search_input.spec.js +4 -4
- package/lib/inputs/select/ActionButtons.js +12 -12
- package/lib/inputs/select/Dropdown.js +38 -38
- package/lib/inputs/select/helper.js +3 -7
- package/lib/inputs/select/index.js +7 -7
- package/lib/inputs/select/multiple/Selecteds.js +10 -10
- package/lib/inputs/select/multiple/index.js +28 -28
- package/lib/inputs/select/select.spec.js +11 -11
- package/lib/inputs/select/simple/index.js +29 -30
- package/lib/inputs/text/index.js +4 -4
- package/lib/inputs/text/textfield.spec.js +4 -4
- package/lib/inputs/textarea/index.js +7 -7
- package/lib/inputs/textarea/textarea.spec.js +2 -2
- package/lib/internals/colorStyles.js +2 -2
- package/lib/internals/withTooltip.js +38 -30
- package/lib/labelMessages/index.js +51 -33
- package/lib/labelMessages/labelMessages.spec.js +16 -16
- package/lib/labels/DangerLabel.js +4 -4
- package/lib/labels/DefaultLabel.js +21 -21
- package/lib/labels/InfoLabel.js +4 -4
- package/lib/labels/PrimaryLabel.js +4 -4
- package/lib/labels/SuccessLabel.js +4 -4
- package/lib/labels/WarningLabel.js +4 -4
- package/lib/labels/index.js +10 -10
- package/lib/labels/label.spec.js +18 -18
- package/lib/labels/label_container/index.js +8 -8
- package/lib/list/Header.js +9 -9
- package/lib/list/Item.js +42 -44
- package/lib/list/Separator.js +4 -4
- package/lib/list/helpers.js +10 -5
- package/lib/list/index.js +105 -35
- package/lib/list/list.spec.js +127 -98
- package/lib/menus/float/MenuItem.js +20 -20
- package/lib/menus/float/float-menu.spec.js +13 -13
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +16 -16
- package/lib/menus/index.js +4 -4
- package/lib/menus/sidenav/ExpandMenu.js +8 -8
- package/lib/menus/sidenav/MenuLink.js +9 -9
- package/lib/menus/sidenav/NavMenuGroup.js +8 -8
- package/lib/menus/sidenav/NavMenuItem.js +24 -24
- package/lib/menus/sidenav/NavSubMenuItem.js +10 -10
- package/lib/menus/sidenav/helpers.js +5 -5
- package/lib/menus/sidenav/index.js +30 -30
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +13 -12
- package/lib/menus/sidenav/sidenav.spec.js +9 -9
- package/lib/noPermission/index.js +7 -7
- package/lib/panel/Content.js +11 -11
- package/lib/panel/DangerPanel.js +5 -5
- package/lib/panel/Default.js +18 -18
- package/lib/panel/Header.js +23 -22
- package/lib/panel/InfoPanel.js +5 -5
- package/lib/panel/PrimaryPanel.js +5 -5
- package/lib/panel/SuccessPanel.js +5 -5
- package/lib/panel/ToolBar.js +5 -5
- package/lib/panel/WarningPanel.js +5 -5
- package/lib/panel/helpers.js +4 -4
- package/lib/panel/index.js +11 -11
- package/lib/panel/panel.spec.js +8 -8
- package/lib/permissionValidations.js +1 -1
- package/lib/popover/PopoverText.js +5 -5
- package/lib/popover/PopoverTitle.js +5 -5
- package/lib/popover/index.js +16 -16
- package/lib/popover/popover.spec.js +4 -4
- package/lib/progress/Bar.js +19 -19
- package/lib/progress/index.js +10 -10
- package/lib/progress/progress.spec.js +4 -12
- package/lib/radio/index.js +49 -25
- package/lib/radio/radio.spec.js +8 -8
- package/lib/skeleton/SkeletonContainer.js +8 -8
- package/lib/skeleton/index.js +14 -14
- package/lib/spinner/SpinnerLoading.js +43 -43
- package/lib/spinner/index.js +14 -14
- package/lib/spinner/spinner.spec.js +2 -2
- package/lib/split/Split.js +20 -20
- package/lib/split/SplitSide.js +13 -13
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/split/split.spec.js +13 -25
- package/lib/table/Body.js +14 -14
- package/lib/table/Header.js +13 -13
- package/lib/table/HeaderColumn.js +12 -12
- package/lib/table/Row.js +15 -15
- package/lib/table/RowColumn.js +15 -15
- package/lib/table/helpers.js +5 -5
- package/lib/table/index.js +30 -30
- package/lib/table/table.spec.js +14 -14
- package/lib/tabs/DropdownItems.js +14 -14
- package/lib/tabs/Menu.js +9 -9
- package/lib/tabs/MenuItems.js +16 -16
- package/lib/tabs/Panel.js +20 -20
- package/lib/tabs/index.js +21 -21
- package/lib/tabs/tabHelpers.js +3 -3
- package/lib/tabs/tabs.spec.js +73 -45
- package/lib/toolbar/ButtonBar.js +21 -30
- package/lib/toolbar/LabelBar.js +13 -13
- package/lib/toolbar/Separator.js +4 -4
- package/lib/toolbar/ToolBarGroup.js +6 -6
- package/lib/toolbar/helpers.js +2 -2
- package/lib/toolbar/index.js +15 -15
- package/lib/toolbar/toolbar.spec.js +10 -10
- package/lib/tooltip/index.js +14 -16
- package/lib/tooltip/tooltip.spec.js +3 -15
- package/lib/treeview/Header.js +8 -8
- package/lib/treeview/Node.js +43 -43
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +42 -42
- package/lib/treeview/treeview.spec.js +14 -14
- package/lib/treeview_old/Header.js +7 -7
- package/lib/treeview_old/Node.js +13 -13
- package/lib/treeview_old/index.js +9 -9
- package/lib/uitour/index.js +24 -24
- package/lib/uitour/uitour.spec.js +21 -21
- package/package.json +11 -36
- package/.eslintrc.json +0 -95
- package/.gitlab-ci.yml +0 -19
- package/.husky/pre-push +0 -4
- package/.vscode/launch.json +0 -15
- package/config/getHttpsConfig.js +0 -56
- package/config/paths.js +0 -140
- package/config/webpackDevServer.config.js +0 -128
- package/scripts/start.js +0 -135
- package/tsconfig.json +0 -17
package/lib/form/index.js
CHANGED
|
@@ -8,22 +8,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
Object.defineProperty(exports, "Field", {
|
|
9
9
|
enumerable: true,
|
|
10
10
|
get: function get() {
|
|
11
|
-
return _Field
|
|
11
|
+
return _Field["default"];
|
|
12
12
|
}
|
|
13
13
|
});
|
|
14
14
|
Object.defineProperty(exports, "FieldArray", {
|
|
15
15
|
enumerable: true,
|
|
16
16
|
get: function get() {
|
|
17
|
-
return _FieldArray
|
|
17
|
+
return _FieldArray["default"];
|
|
18
18
|
}
|
|
19
19
|
});
|
|
20
20
|
Object.defineProperty(exports, "FieldNumber", {
|
|
21
21
|
enumerable: true,
|
|
22
22
|
get: function get() {
|
|
23
|
-
return _FieldNumber
|
|
23
|
+
return _FieldNumber["default"];
|
|
24
24
|
}
|
|
25
25
|
});
|
|
26
|
-
exports
|
|
26
|
+
exports["default"] = void 0;
|
|
27
27
|
|
|
28
28
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
29
|
|
|
@@ -45,11 +45,11 @@ var _dialog = require("../dialog");
|
|
|
45
45
|
|
|
46
46
|
var _withFormSecurity = require("./withFormSecurity");
|
|
47
47
|
|
|
48
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
48
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
49
49
|
|
|
50
50
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
51
51
|
|
|
52
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj
|
|
52
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
53
53
|
|
|
54
54
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
55
55
|
|
|
@@ -132,8 +132,8 @@ var Form = function Form(_ref) {
|
|
|
132
132
|
var dataValidate = value || data;
|
|
133
133
|
var currentFieldErrors = {};
|
|
134
134
|
|
|
135
|
-
_lodash
|
|
136
|
-
var fieldValue = _lodash
|
|
135
|
+
_lodash["default"].forEach(fieldsValidators.current, function (validators, fieldName) {
|
|
136
|
+
var fieldValue = _lodash["default"].get(dataValidate, fieldName);
|
|
137
137
|
|
|
138
138
|
var messages = getValidatesErrorMessages(validators, fieldValue);
|
|
139
139
|
|
|
@@ -143,7 +143,7 @@ var Form = function Form(_ref) {
|
|
|
143
143
|
});
|
|
144
144
|
|
|
145
145
|
if (updateState) setFieldErrors(currentFieldErrors);
|
|
146
|
-
return _lodash
|
|
146
|
+
return _lodash["default"].isEmpty(currentFieldErrors);
|
|
147
147
|
};
|
|
148
148
|
|
|
149
149
|
var onFieldChange = function onFieldChange(event) {
|
|
@@ -156,7 +156,7 @@ var Form = function Form(_ref) {
|
|
|
156
156
|
if (context && context.onChangedData) {
|
|
157
157
|
var onChangedData = context.onChangedData;
|
|
158
158
|
|
|
159
|
-
if (!_lodash
|
|
159
|
+
if (!_lodash["default"].isEqual(newData, originalData)) {
|
|
160
160
|
onChangedData(true);
|
|
161
161
|
} else {
|
|
162
162
|
onChangedData(false);
|
|
@@ -175,7 +175,7 @@ var Form = function Form(_ref) {
|
|
|
175
175
|
var errors = getValidatesErrorMessages(validators, fieldValue);
|
|
176
176
|
|
|
177
177
|
if (errors.length === 0) {
|
|
178
|
-
currentFieldErrors = _lodash
|
|
178
|
+
currentFieldErrors = _lodash["default"].omit(currentFieldErrors, fieldName);
|
|
179
179
|
} else {
|
|
180
180
|
currentFieldErrors = _extends({}, currentFieldErrors, _defineProperty({}, fieldName, errors));
|
|
181
181
|
}
|
|
@@ -195,7 +195,7 @@ var Form = function Form(_ref) {
|
|
|
195
195
|
};
|
|
196
196
|
|
|
197
197
|
var onRemoveFieldValidators = function onRemoveFieldValidators(fieldName) {
|
|
198
|
-
var newFieldsValidators = _lodash
|
|
198
|
+
var newFieldsValidators = _lodash["default"].omit(fieldsValidators.current, fieldName);
|
|
199
199
|
|
|
200
200
|
fieldsValidators.current = newFieldsValidators;
|
|
201
201
|
};
|
|
@@ -203,7 +203,7 @@ var Form = function Form(_ref) {
|
|
|
203
203
|
var onBeforeUnload = function onBeforeUnload(e) {
|
|
204
204
|
e.preventDefault();
|
|
205
205
|
|
|
206
|
-
if (_lodash
|
|
206
|
+
if (_lodash["default"].isEqual(data, originalData)) {
|
|
207
207
|
return;
|
|
208
208
|
}
|
|
209
209
|
|
|
@@ -277,14 +277,14 @@ var Form = function Form(_ref) {
|
|
|
277
277
|
}
|
|
278
278
|
}
|
|
279
279
|
}, [submitOnPressEnterKey, dataSource]);
|
|
280
|
-
return /*#__PURE__*/_react
|
|
280
|
+
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_helpers.FormContext.Provider, {
|
|
281
281
|
value: getContextValue()
|
|
282
|
-
}, /*#__PURE__*/_react
|
|
282
|
+
}, /*#__PURE__*/_react["default"].createElement("form", _extends({
|
|
283
283
|
style: style
|
|
284
284
|
}, formProps(), {
|
|
285
285
|
role: "presentation",
|
|
286
286
|
className: "form-component ".concat(customClass)
|
|
287
|
-
}), children)), /*#__PURE__*/_react
|
|
287
|
+
}), children)), /*#__PURE__*/_react["default"].createElement(_dialog.DialogQuestion, {
|
|
288
288
|
zIndex: "99999999",
|
|
289
289
|
title: securityTitle || 'Dados Alterados',
|
|
290
290
|
text: securityText || 'Você possui dados alterados, confirma o fechamento?',
|
|
@@ -295,23 +295,23 @@ var Form = function Form(_ref) {
|
|
|
295
295
|
};
|
|
296
296
|
|
|
297
297
|
Form.propTypes = {
|
|
298
|
-
dataSource: _propTypes
|
|
299
|
-
children: _propTypes
|
|
300
|
-
onSubmit: _propTypes
|
|
301
|
-
handlerSubmit: _propTypes
|
|
302
|
-
handlerReset: _propTypes
|
|
303
|
-
handlerValidates: _propTypes
|
|
304
|
-
onValidateForm: _propTypes
|
|
305
|
-
submitOnPressEnterKey: _propTypes
|
|
306
|
-
style: _propTypes
|
|
307
|
-
customClass: _propTypes
|
|
308
|
-
onDataChange: _propTypes
|
|
309
|
-
securityBeforeUnload: _propTypes
|
|
310
|
-
securityTitle: _propTypes
|
|
311
|
-
securityText: _propTypes
|
|
312
|
-
externalFieldErrors: _propTypes
|
|
313
|
-
skeletonize: _propTypes
|
|
314
|
-
disabled: _propTypes
|
|
298
|
+
dataSource: _propTypes["default"].object.isRequired,
|
|
299
|
+
children: _propTypes["default"].any.isRequired,
|
|
300
|
+
onSubmit: _propTypes["default"].func.isRequired,
|
|
301
|
+
handlerSubmit: _propTypes["default"].func.isRequired,
|
|
302
|
+
handlerReset: _propTypes["default"].func,
|
|
303
|
+
handlerValidates: _propTypes["default"].func,
|
|
304
|
+
onValidateForm: _propTypes["default"].func,
|
|
305
|
+
submitOnPressEnterKey: _propTypes["default"].bool,
|
|
306
|
+
style: _propTypes["default"].object,
|
|
307
|
+
customClass: _propTypes["default"].string,
|
|
308
|
+
onDataChange: _propTypes["default"].func,
|
|
309
|
+
securityBeforeUnload: _propTypes["default"].bool,
|
|
310
|
+
securityTitle: _propTypes["default"].string,
|
|
311
|
+
securityText: _propTypes["default"].string,
|
|
312
|
+
externalFieldErrors: _propTypes["default"].object,
|
|
313
|
+
skeletonize: _propTypes["default"].bool,
|
|
314
|
+
disabled: _propTypes["default"].bool
|
|
315
315
|
};
|
|
316
316
|
Form.defaultProps = {
|
|
317
317
|
onValidateForm: undefined,
|
|
@@ -329,4 +329,4 @@ Form.defaultProps = {
|
|
|
329
329
|
disabled: false
|
|
330
330
|
};
|
|
331
331
|
var _default = Form;
|
|
332
|
-
exports
|
|
332
|
+
exports["default"] = _default;
|
package/lib/form/withFieldHOC.js
CHANGED
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports["default"] = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
@@ -13,11 +13,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
13
13
|
|
|
14
14
|
var _helpers = require("./helpers");
|
|
15
15
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
17
|
|
|
18
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
19
|
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
22
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
23
|
|
|
@@ -117,9 +117,9 @@ function withFieldHOC(WrappedComponent) {
|
|
|
117
117
|
}, {
|
|
118
118
|
key: "render",
|
|
119
119
|
value: function render() {
|
|
120
|
-
return /*#__PURE__*/_react
|
|
120
|
+
return /*#__PURE__*/_react["default"].createElement(_helpers.withFieldContext.Provider, {
|
|
121
121
|
value: this.getContextValues()
|
|
122
|
-
}, /*#__PURE__*/_react
|
|
122
|
+
}, /*#__PURE__*/_react["default"].createElement(WrappedComponent, this.props));
|
|
123
123
|
}
|
|
124
124
|
}], [{
|
|
125
125
|
key: "defaultProps",
|
|
@@ -138,15 +138,15 @@ function withFieldHOC(WrappedComponent) {
|
|
|
138
138
|
enumerable: true,
|
|
139
139
|
writable: true,
|
|
140
140
|
value: {
|
|
141
|
-
name: _propTypes
|
|
142
|
-
validators: _propTypes
|
|
143
|
-
handlerStoreValidators: _propTypes
|
|
144
|
-
handlerRemoveValidators: _propTypes
|
|
141
|
+
name: _propTypes["default"].string.isRequired,
|
|
142
|
+
validators: _propTypes["default"].any,
|
|
143
|
+
handlerStoreValidators: _propTypes["default"].func.isRequired,
|
|
144
|
+
handlerRemoveValidators: _propTypes["default"].func.isRequired
|
|
145
145
|
}
|
|
146
146
|
});
|
|
147
147
|
|
|
148
148
|
function forwardRef(props, ref) {
|
|
149
|
-
return /*#__PURE__*/_react
|
|
149
|
+
return /*#__PURE__*/_react["default"].createElement(_helpers.FormContext.Consumer, null, function (_ref) {
|
|
150
150
|
var handlerFieldChange = _ref.handlerFieldChange,
|
|
151
151
|
handlerFieldValidade = _ref.handlerFieldValidade,
|
|
152
152
|
data = _ref.data,
|
|
@@ -155,7 +155,7 @@ function withFieldHOC(WrappedComponent) {
|
|
|
155
155
|
handlerStoreValidators = _ref.handlerStoreValidators,
|
|
156
156
|
handlerRemoveValidators = _ref.handlerRemoveValidators,
|
|
157
157
|
skeletonize = _ref.skeletonize;
|
|
158
|
-
return /*#__PURE__*/_react
|
|
158
|
+
return /*#__PURE__*/_react["default"].createElement(FieldHOC, _extends({}, props, {
|
|
159
159
|
skeletonize: skeletonize,
|
|
160
160
|
handlerFieldChange: handlerFieldChange,
|
|
161
161
|
handlerFieldValidade: handlerFieldValidade,
|
|
@@ -169,8 +169,8 @@ function withFieldHOC(WrappedComponent) {
|
|
|
169
169
|
});
|
|
170
170
|
}
|
|
171
171
|
|
|
172
|
-
return /*#__PURE__*/_react
|
|
172
|
+
return /*#__PURE__*/_react["default"].forwardRef(forwardRef);
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
var _default = withFieldHOC;
|
|
176
|
-
exports
|
|
176
|
+
exports["default"] = _default;
|
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports["default"] = exports.FormSecurityContext = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
@@ -13,11 +13,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
13
13
|
|
|
14
14
|
var _excluded = ["handlerClose"];
|
|
15
15
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
17
|
|
|
18
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
19
|
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
22
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
23
23
|
|
|
@@ -37,7 +37,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
37
37
|
|
|
38
38
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
39
39
|
|
|
40
|
-
var FormSecurityContext = /*#__PURE__*/_react
|
|
40
|
+
var FormSecurityContext = /*#__PURE__*/_react["default"].createContext();
|
|
41
41
|
|
|
42
42
|
exports.FormSecurityContext = FormSecurityContext;
|
|
43
43
|
|
|
@@ -78,7 +78,7 @@ var withFormSecurity = function withFormSecurity(WrappedComponent) {
|
|
|
78
78
|
securityBeforeUnload.current = value;
|
|
79
79
|
};
|
|
80
80
|
|
|
81
|
-
return /*#__PURE__*/_react
|
|
81
|
+
return /*#__PURE__*/_react["default"].createElement(FormSecurityContext.Provider, {
|
|
82
82
|
value: {
|
|
83
83
|
onChangedData: onChangedData,
|
|
84
84
|
showQuestion: showQuestion,
|
|
@@ -86,14 +86,14 @@ var withFormSecurity = function withFormSecurity(WrappedComponent) {
|
|
|
86
86
|
onUnconfirmClick: onUnconfirmClick,
|
|
87
87
|
setSecurityBeforeUnload: setSecurityBeforeUnload
|
|
88
88
|
}
|
|
89
|
-
}, /*#__PURE__*/_react
|
|
89
|
+
}, /*#__PURE__*/_react["default"].createElement(WrappedComponent, _extends({}, props, {
|
|
90
90
|
handlerClose: newHandlerClose
|
|
91
91
|
})));
|
|
92
92
|
};
|
|
93
93
|
|
|
94
94
|
EnhancedComponent.propTypes = {
|
|
95
|
-
handlerClose: _propTypes
|
|
96
|
-
onClick: _propTypes
|
|
95
|
+
handlerClose: _propTypes["default"].func,
|
|
96
|
+
onClick: _propTypes["default"].func
|
|
97
97
|
};
|
|
98
98
|
EnhancedComponent.defaultProps = {
|
|
99
99
|
handlerClose: undefined,
|
|
@@ -103,4 +103,4 @@ var withFormSecurity = function withFormSecurity(WrappedComponent) {
|
|
|
103
103
|
};
|
|
104
104
|
|
|
105
105
|
var _default = withFormSecurity;
|
|
106
|
-
exports
|
|
106
|
+
exports["default"] = _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports["default"] = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
|
|
12
12
|
require("../assets/styles/gridlayout.scss");
|
|
13
13
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
|
|
16
16
|
var getClass = function getClass(col) {
|
|
17
17
|
var cols = col ? col.split(' ') : [];
|
|
@@ -31,18 +31,18 @@ var GridCol = function GridCol(props) {
|
|
|
31
31
|
visible = props.visible;
|
|
32
32
|
var gridClasses = getClass(cols);
|
|
33
33
|
if (!visible) return null;
|
|
34
|
-
return /*#__PURE__*/_react
|
|
34
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
35
35
|
className: "".concat(customClass, " ").concat(gridClasses),
|
|
36
36
|
style: style
|
|
37
37
|
}, children);
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
GridCol.propTypes = {
|
|
41
|
-
children: _propTypes
|
|
42
|
-
cols: _propTypes
|
|
43
|
-
customClass: _propTypes
|
|
44
|
-
style: _propTypes
|
|
45
|
-
visible: _propTypes
|
|
41
|
+
children: _propTypes["default"].any,
|
|
42
|
+
cols: _propTypes["default"].string,
|
|
43
|
+
customClass: _propTypes["default"].string,
|
|
44
|
+
style: _propTypes["default"].object,
|
|
45
|
+
visible: _propTypes["default"].bool
|
|
46
46
|
};
|
|
47
47
|
GridCol.defaultProps = {
|
|
48
48
|
children: undefined,
|
|
@@ -52,4 +52,4 @@ GridCol.defaultProps = {
|
|
|
52
52
|
visible: true
|
|
53
53
|
};
|
|
54
54
|
var _default = GridCol;
|
|
55
|
-
exports
|
|
55
|
+
exports["default"] = _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports["default"] = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
|
|
12
12
|
require("../assets/styles/gridlayout.scss");
|
|
13
13
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
15
|
|
|
16
16
|
var getClass = function getClass(_ref) {
|
|
17
17
|
var verticalAlign = _ref.verticalAlign,
|
|
@@ -26,19 +26,19 @@ var GridRow = function GridRow(props) {
|
|
|
26
26
|
children = props.children,
|
|
27
27
|
visible = props.visible;
|
|
28
28
|
if (!visible) return null;
|
|
29
|
-
return /*#__PURE__*/_react
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
30
30
|
style: style,
|
|
31
31
|
className: getClass(props)
|
|
32
32
|
}, children);
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
GridRow.propTypes = {
|
|
36
|
-
children: _propTypes
|
|
37
|
-
verticalAlign: _propTypes
|
|
38
|
-
horizontalAlign: _propTypes
|
|
39
|
-
style: _propTypes
|
|
40
|
-
withTrim: _propTypes
|
|
41
|
-
visible: _propTypes
|
|
36
|
+
children: _propTypes["default"].any.isRequired,
|
|
37
|
+
verticalAlign: _propTypes["default"].string,
|
|
38
|
+
horizontalAlign: _propTypes["default"].string,
|
|
39
|
+
style: _propTypes["default"].object,
|
|
40
|
+
withTrim: _propTypes["default"].bool,
|
|
41
|
+
visible: _propTypes["default"].bool
|
|
42
42
|
};
|
|
43
43
|
GridRow.defaultProps = {
|
|
44
44
|
verticalAlign: '',
|
|
@@ -48,4 +48,4 @@ GridRow.defaultProps = {
|
|
|
48
48
|
visible: true
|
|
49
49
|
};
|
|
50
50
|
var _default = GridRow;
|
|
51
|
-
exports
|
|
51
|
+
exports["default"] = _default;
|
|
@@ -12,19 +12,19 @@ var _ = _interopRequireWildcard(require("."));
|
|
|
12
12
|
|
|
13
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
14
|
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
16
|
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
18
18
|
|
|
19
19
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
20
|
|
|
21
21
|
var gridLayout = function gridLayout(propsRow, propsCol) {
|
|
22
|
-
return /*#__PURE__*/_react
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement(_.GridRow, _extends({
|
|
23
23
|
customClass: "mock-gridRow",
|
|
24
24
|
style: {
|
|
25
25
|
backgroundColor: 'red'
|
|
26
26
|
}
|
|
27
|
-
}, propsRow), /*#__PURE__*/_react
|
|
27
|
+
}, propsRow), /*#__PURE__*/_react["default"].createElement(_["default"], _extends({
|
|
28
28
|
customClass: "mock-gridCol",
|
|
29
29
|
style: {
|
|
30
30
|
backgroundColor: 'blue'
|
package/lib/gridlayout/index.js
CHANGED
|
@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "GridRow", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return _GridRow
|
|
9
|
+
return _GridRow["default"];
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
exports
|
|
12
|
+
exports["default"] = void 0;
|
|
13
13
|
|
|
14
14
|
var _GridRow = _interopRequireDefault(require("./GridRow"));
|
|
15
15
|
|
|
16
16
|
var _GridCol = _interopRequireDefault(require("./GridCol"));
|
|
17
17
|
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
19
|
|
|
20
|
-
var _default = _GridCol
|
|
21
|
-
exports
|
|
20
|
+
var _default = _GridCol["default"];
|
|
21
|
+
exports["default"] = _default;
|
package/lib/icons/helper.js
CHANGED
package/lib/icons/icons.spec.js
CHANGED
|
@@ -8,12 +8,12 @@ require("@testing-library/jest-dom/extend-expect");
|
|
|
8
8
|
|
|
9
9
|
var _index = _interopRequireDefault(require("./index"));
|
|
10
10
|
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
12
12
|
|
|
13
13
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
14
|
|
|
15
15
|
var IconMock = function IconMock(props) {
|
|
16
|
-
return /*#__PURE__*/_react
|
|
16
|
+
return /*#__PURE__*/_react["default"].createElement(_index["default"], _extends({
|
|
17
17
|
name: "user"
|
|
18
18
|
}, props));
|
|
19
19
|
};
|
|
@@ -24,13 +24,13 @@ var mockSvgStruct = {
|
|
|
24
24
|
};
|
|
25
25
|
describe('Icons', function () {
|
|
26
26
|
it('should render correctly', function () {
|
|
27
|
-
var _render = (0, _react2.render)( /*#__PURE__*/_react
|
|
27
|
+
var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, null)),
|
|
28
28
|
getByTestId = _render.getByTestId;
|
|
29
29
|
|
|
30
30
|
expect(getByTestId('icon')).toBeTruthy();
|
|
31
31
|
});
|
|
32
32
|
it('should change icon size', function () {
|
|
33
|
-
var _render2 = (0, _react2.render)( /*#__PURE__*/_react
|
|
33
|
+
var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
|
|
34
34
|
size: 64
|
|
35
35
|
})),
|
|
36
36
|
getByTestId = _render2.getByTestId;
|
|
@@ -39,7 +39,7 @@ describe('Icons', function () {
|
|
|
39
39
|
expect(getByTestId('icon')).toHaveAttribute('height', '64px');
|
|
40
40
|
});
|
|
41
41
|
it('should change icon color', function () {
|
|
42
|
-
var _render3 = (0, _react2.render)( /*#__PURE__*/_react
|
|
42
|
+
var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
|
|
43
43
|
color: "red"
|
|
44
44
|
})),
|
|
45
45
|
getByTestId = _render3.getByTestId;
|
|
@@ -47,7 +47,7 @@ describe('Icons', function () {
|
|
|
47
47
|
expect(getByTestId('icon')).toHaveAttribute('fill', 'red');
|
|
48
48
|
});
|
|
49
49
|
it('should change pointer-events', function () {
|
|
50
|
-
var _render4 = (0, _react2.render)( /*#__PURE__*/_react
|
|
50
|
+
var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
|
|
51
51
|
pointerEvents: "all"
|
|
52
52
|
})),
|
|
53
53
|
getByTestId = _render4.getByTestId;
|
|
@@ -57,7 +57,7 @@ describe('Icons', function () {
|
|
|
57
57
|
it('should fire click on icon', function () {
|
|
58
58
|
var mockOnClick = jest.fn();
|
|
59
59
|
|
|
60
|
-
var _render5 = (0, _react2.render)( /*#__PURE__*/_react
|
|
60
|
+
var _render5 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
|
|
61
61
|
onClick: mockOnClick
|
|
62
62
|
})),
|
|
63
63
|
getByTestId = _render5.getByTestId;
|
|
@@ -67,7 +67,7 @@ describe('Icons', function () {
|
|
|
67
67
|
expect(mockOnClick).toHaveBeenCalled();
|
|
68
68
|
});
|
|
69
69
|
it('should hide component when visible is false', function () {
|
|
70
|
-
var _render6 = (0, _react2.render)( /*#__PURE__*/_react
|
|
70
|
+
var _render6 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(IconMock, {
|
|
71
71
|
visible: false
|
|
72
72
|
})),
|
|
73
73
|
container = _render6.container;
|
|
@@ -75,7 +75,7 @@ describe('Icons', function () {
|
|
|
75
75
|
expect(container.firstChild).not.toBeInTheDocument();
|
|
76
76
|
});
|
|
77
77
|
it('should render icon when use svgStruct', function () {
|
|
78
|
-
var _render7 = (0, _react2.render)( /*#__PURE__*/_react
|
|
78
|
+
var _render7 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
|
79
79
|
svgStruct: mockSvgStruct
|
|
80
80
|
})),
|
|
81
81
|
getByTestId = _render7.getByTestId;
|
package/lib/icons/index.js
CHANGED
|
@@ -3,47 +3,40 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports["default"] = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
|
|
10
12
|
var _helper = _interopRequireDefault(require("./helper"));
|
|
11
13
|
|
|
12
14
|
require("../assets/styles/icon.scss");
|
|
13
15
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
17
|
|
|
16
|
-
var listIcon = (0, _helper
|
|
18
|
+
var listIcon = (0, _helper["default"])();
|
|
17
19
|
var disabledIconColor = 'rgb(193, 193, 193)';
|
|
18
20
|
|
|
19
21
|
var Icon = function Icon(_ref) {
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
var size = _ref.size,
|
|
23
|
+
color = _ref.color,
|
|
24
|
+
customClass = _ref.customClass,
|
|
25
|
+
style = _ref.style,
|
|
26
|
+
name = _ref.name,
|
|
23
27
|
_onClick = _ref.onClick,
|
|
28
|
+
visible = _ref.visible,
|
|
24
29
|
svgStruct = _ref.svgStruct,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
_ref$style = _ref.style,
|
|
28
|
-
style = _ref$style === void 0 ? {} : _ref$style,
|
|
29
|
-
_ref$visible = _ref.visible,
|
|
30
|
-
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
31
|
-
_ref$disabled = _ref.disabled,
|
|
32
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
33
|
-
_ref$customClass = _ref.customClass,
|
|
34
|
-
customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
|
|
35
|
-
_ref$color = _ref.color,
|
|
36
|
-
color = _ref$color === void 0 ? '#676464' : _ref$color,
|
|
37
|
-
_ref$pointerEvents = _ref.pointerEvents,
|
|
38
|
-
pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents;
|
|
30
|
+
disabled = _ref.disabled,
|
|
31
|
+
pointerEvents = _ref.pointerEvents;
|
|
39
32
|
|
|
40
33
|
var getPaths = function getPaths() {
|
|
41
|
-
return name ? listIcon[name].paths : svgStruct
|
|
34
|
+
return name ? listIcon[name].paths : svgStruct.paths;
|
|
42
35
|
};
|
|
43
36
|
|
|
44
37
|
if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
|
|
45
38
|
if (!visible) return null;
|
|
46
|
-
return /*#__PURE__*/_react
|
|
39
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
47
40
|
"data-testid": "icon",
|
|
48
41
|
onClick: function onClick() {
|
|
49
42
|
if (_onClick && !disabled) _onClick();
|
|
@@ -51,18 +44,42 @@ var Icon = function Icon(_ref) {
|
|
|
51
44
|
width: "".concat(size, "px"),
|
|
52
45
|
height: "".concat(size, "px"),
|
|
53
46
|
fill: disabled ? disabledIconColor : color,
|
|
54
|
-
viewBox: name ? listIcon[name].viewbox : svgStruct
|
|
47
|
+
viewBox: name ? listIcon[name].viewbox : svgStruct.viewbox,
|
|
55
48
|
className: "icon-component ".concat(customClass),
|
|
56
49
|
pointerEvents: pointerEvents,
|
|
57
50
|
style: style
|
|
58
|
-
},
|
|
59
|
-
return /*#__PURE__*/_react
|
|
51
|
+
}, getPaths().map(function (p) {
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement("path", {
|
|
60
53
|
"data-testid": "icon-path",
|
|
61
|
-
d:
|
|
62
|
-
key:
|
|
54
|
+
d: p,
|
|
55
|
+
key: p
|
|
63
56
|
});
|
|
64
57
|
}));
|
|
65
58
|
};
|
|
66
59
|
|
|
60
|
+
Icon.propTypes = {
|
|
61
|
+
name: _propTypes["default"].string,
|
|
62
|
+
size: _propTypes["default"].oneOf([10, 16, 18, 22, 24, 32, 40, 64, 128, 200]),
|
|
63
|
+
color: _propTypes["default"].string,
|
|
64
|
+
customClass: _propTypes["default"].string,
|
|
65
|
+
style: _propTypes["default"].object,
|
|
66
|
+
onClick: _propTypes["default"].func,
|
|
67
|
+
visible: _propTypes["default"].bool,
|
|
68
|
+
disabled: _propTypes["default"].bool,
|
|
69
|
+
svgStruct: _propTypes["default"].object,
|
|
70
|
+
pointerEvents: _propTypes["default"].oneOf(['none', 'all', 'fill', 'painted', 'stroke', 'visible', 'visibleFill', 'visiblePainted', 'visibleStroke', 'inherit', 'initial', 'unset'])
|
|
71
|
+
};
|
|
72
|
+
Icon.defaultProps = {
|
|
73
|
+
name: undefined,
|
|
74
|
+
size: 16,
|
|
75
|
+
color: '#676464',
|
|
76
|
+
customClass: '',
|
|
77
|
+
style: {},
|
|
78
|
+
onClick: undefined,
|
|
79
|
+
visible: true,
|
|
80
|
+
disabled: false,
|
|
81
|
+
svgStruct: undefined,
|
|
82
|
+
pointerEvents: 'none'
|
|
83
|
+
};
|
|
67
84
|
var _default = Icon;
|
|
68
|
-
exports
|
|
85
|
+
exports["default"] = _default;
|