linear-react-components-ui 1.1.20-beta.0 → 1.1.20-beta.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.
- package/lib/alerts/AlertContainer.js +1 -1
- package/lib/alerts/AlertProvider.js +3 -3
- package/lib/alerts/BaseAlert.js +1 -1
- package/lib/alerts/Message.js +1 -1
- package/lib/alerts/index.js +1 -1
- package/lib/alerts/withAlert.js +2 -2
- package/lib/assets/styles/button.scss +0 -1
- package/lib/assets/styles/table.scss +10 -6
- package/lib/assets/styles/toolbar.scss +3 -0
- package/lib/avatar/index.js +2 -2
- package/lib/badge/index.js +1 -1
- package/lib/buttons/ActivateButton.js +2 -2
- package/lib/buttons/AddButton.js +2 -2
- package/lib/buttons/Button.js +3 -3
- package/lib/buttons/ButtonGroups.js +1 -1
- package/lib/buttons/CancelButton.js +4 -4
- package/lib/buttons/DangerButton.js +4 -4
- package/lib/buttons/DefaultButton.js +8 -11
- package/lib/buttons/DestroyButton.js +4 -4
- package/lib/buttons/EditButton.js +2 -2
- package/lib/buttons/InactivateButton.js +2 -2
- package/lib/buttons/InfoButton.js +4 -4
- package/lib/buttons/PrimaryButton.js +4 -4
- package/lib/buttons/RestoreButton.js +2 -2
- package/lib/buttons/SaveButton.js +4 -4
- package/lib/buttons/SuccessButton.js +4 -4
- package/lib/buttons/WarningButton.js +4 -4
- package/lib/buttons/button_container/index.js +2 -2
- package/lib/buttons/index.js +1 -1
- package/lib/buttons/split_button/index.js +2 -2
- package/lib/buttons/types.d.ts +0 -1
- 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 +1 -1
- package/lib/calendar/base/Month.js +1 -1
- package/lib/calendar/base/Week.js +1 -1
- package/lib/calendar/base/helpers.js +1 -1
- package/lib/calendar/base/index.js +1 -1
- package/lib/calendar/index.js +1 -1
- package/lib/checkbox/Label.js +1 -1
- package/lib/checkbox/index.js +2 -2
- package/lib/dialog/Alert.js +2 -2
- package/lib/dialog/Custom.js +2 -2
- package/lib/dialog/Error.js +2 -2
- package/lib/dialog/Information.js +2 -2
- package/lib/dialog/Question.js +2 -2
- package/lib/dialog/Warning.js +2 -2
- package/lib/dialog/base/Content.js +1 -1
- package/lib/dialog/base/Footer.js +1 -1
- package/lib/dialog/base/Header.js +1 -1
- package/lib/dialog/base/index.js +1 -1
- package/lib/dialog/form/index.js +3 -3
- package/lib/dialog/index.js +1 -1
- package/lib/drawer/Content.js +1 -1
- package/lib/drawer/Drawer.js +5 -5
- package/lib/drawer/Header.js +1 -1
- package/lib/drawer/helpers.js +1 -1
- package/lib/drawer/index.js +1 -1
- package/lib/dropdown/Popup.d.ts +1 -1
- package/lib/dropdown/Popup.js +20 -41
- package/lib/dropdown/types.d.ts +2 -6
- package/lib/dropdown/withDropdown.js +6 -7
- package/lib/fieldset/index.js +2 -2
- package/lib/form/Field.js +16 -29
- package/lib/form/FieldArray.js +14 -29
- package/lib/form/FieldNumber.js +10 -22
- package/lib/form/FieldPeriod.js +5 -5
- package/lib/form/helpers.js +1 -1
- package/lib/form/index.js +10 -7
- package/lib/form/types.d.ts +10 -6
- package/lib/form/withFieldHOC.js +3 -3
- package/lib/form/withFormSecurity.js +1 -1
- package/lib/gridlayout/GridCol.js +1 -1
- package/lib/gridlayout/GridRow.js +2 -2
- package/lib/gridlayout/index.js +1 -1
- package/lib/gridlayout/types.d.ts +1 -1
- package/lib/hint/helpers.js +1 -1
- package/lib/hint/index.js +1 -1
- package/lib/icons/helper.d.ts +12 -0
- package/lib/icons/helper.js +12 -0
- package/lib/icons/index.js +1 -1
- package/lib/index.js +1 -1
- package/lib/inputs/base/InputTextBase.js +3 -3
- package/lib/inputs/base/Label.js +1 -1
- package/lib/inputs/base/helpers.js +1 -1
- package/lib/inputs/color/index.js +2 -2
- package/lib/inputs/date/Dialog.js +1 -1
- package/lib/inputs/date/Dropdown.js +1 -1
- package/lib/inputs/date/helpers.js +1 -1
- package/lib/inputs/date/index.js +2 -2
- package/lib/inputs/file/DefaultFile.js +2 -2
- package/lib/inputs/file/DragDropFile.js +2 -2
- package/lib/inputs/file/File.js +4 -4
- package/lib/inputs/file/FileButtonSettings.js +1 -1
- package/lib/inputs/file/index.js +1 -1
- package/lib/inputs/inputHOC.js +2 -2
- package/lib/inputs/mask/BaseMask.js +5 -5
- package/lib/inputs/mask/Cnpj.js +2 -2
- package/lib/inputs/mask/Cpf.js +2 -2
- package/lib/inputs/mask/Phone.js +2 -2
- package/lib/inputs/mask/ZipCode.js +2 -2
- package/lib/inputs/mask/helpers.js +3 -3
- package/lib/inputs/mask/index.js +1 -1
- package/lib/inputs/multiSelect/ActionButtons.js +1 -1
- package/lib/inputs/multiSelect/Dropdown.js +2 -2
- package/lib/inputs/multiSelect/index.js +3 -3
- package/lib/inputs/number/BaseNumber.js +3 -3
- package/lib/inputs/number/Currency.js +2 -2
- package/lib/inputs/number/Decimal.js +1 -1
- package/lib/inputs/number/index.js +2 -2
- package/lib/inputs/period/Dialog.js +1 -1
- package/lib/inputs/period/Dropdown.js +1 -1
- package/lib/inputs/period/PeriodList.js +1 -1
- package/lib/inputs/period/helper.js +1 -1
- package/lib/inputs/period/index.js +2 -2
- package/lib/inputs/search/index.js +5 -5
- package/lib/inputs/select/ActionButtons.js +1 -1
- package/lib/inputs/select/Dropdown.js +2 -2
- package/lib/inputs/select/index.js +4 -4
- package/lib/inputs/select/multiple/Selecteds.js +1 -1
- package/lib/inputs/select/multiple/index.js +2 -2
- package/lib/inputs/select/simple/index.js +2 -2
- package/lib/inputs/text/index.js +1 -1
- package/lib/inputs/textarea/index.js +2 -2
- package/lib/internals/withTooltip.js +2 -2
- package/lib/labelMessages/index.js +1 -1
- package/lib/labels/DangerLabel.js +4 -4
- package/lib/labels/DefaultLabel.js +1 -1
- 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 +1 -1
- package/lib/labels/label_container/index.js +1 -1
- package/lib/list/Header.js +1 -1
- package/lib/list/Item.js +2 -2
- package/lib/list/Separator.js +1 -1
- package/lib/list/helpers.js +1 -1
- package/lib/list/index.js +1 -1
- package/lib/menus/float/MenuItem.js +1 -1
- package/lib/menus/float/SubMenuContainer.js +1 -1
- package/lib/menus/float/helpers.js +1 -1
- package/lib/menus/float/index.js +1 -1
- package/lib/menus/index.js +1 -1
- package/lib/menus/sidenav/ExpandMenu.js +1 -1
- package/lib/menus/sidenav/MenuLink.js +1 -1
- package/lib/menus/sidenav/NavMenuItem.js +2 -2
- package/lib/menus/sidenav/NavSubMenuItem.js +1 -1
- package/lib/menus/sidenav/helpers.js +1 -1
- package/lib/menus/sidenav/index.js +2 -2
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +1 -1
- package/lib/menus/sidenav/popup_menu_search/index.js +1 -1
- package/lib/noPermission/index.js +1 -1
- package/lib/panel/Content.js +4 -4
- package/lib/panel/DangerPanel.js +2 -2
- package/lib/panel/Default.js +4 -4
- package/lib/panel/Header.js +4 -4
- package/lib/panel/InfoPanel.js +2 -2
- package/lib/panel/PrimaryPanel.js +2 -2
- package/lib/panel/SuccessPanel.js +2 -2
- package/lib/panel/ToolBar.js +1 -1
- package/lib/panel/WarningPanel.js +2 -2
- package/lib/panel/helpers.js +1 -1
- package/lib/panel/index.js +1 -1
- package/lib/popover/PopoverText.d.ts +2 -3
- package/lib/popover/PopoverText.js +8 -5
- package/lib/popover/PopoverTitle.d.ts +0 -1
- package/lib/popover/PopoverTitle.js +1 -1
- package/lib/popover/index.d.ts +5 -3
- package/lib/popover/index.js +15 -21
- package/lib/popover/types.d.ts +1 -12
- package/lib/progress/Bar.js +1 -1
- package/lib/progress/index.js +2 -2
- package/lib/radio/index.js +2 -2
- package/lib/shortcuts/index.js +1 -1
- package/lib/skeleton/SkeletonContainer.js +1 -1
- package/lib/skeleton/index.js +2 -2
- package/lib/spinner/SpinnerLoading.js +1 -1
- package/lib/spinner/index.js +1 -1
- package/lib/split/Split.js +2 -2
- package/lib/split/SplitSide.js +1 -1
- package/lib/split/helpers.js +1 -1
- package/lib/split/index.js +1 -1
- package/lib/table/Body.js +1 -1
- package/lib/table/Header.js +1 -1
- package/lib/table/HeaderColumn.d.ts +1 -1
- package/lib/table/HeaderColumn.js +7 -6
- package/lib/table/Row.js +1 -1
- package/lib/table/RowColumn.js +5 -4
- package/lib/table/helpers.js +1 -1
- package/lib/table/index.js +4 -4
- package/lib/table/types.d.ts +4 -2
- package/lib/tabs/DropdownTabs.js +2 -2
- package/lib/tabs/Menu.js +3 -3
- package/lib/tabs/MenuTabs.js +2 -2
- package/lib/tabs/Panel.js +1 -1
- package/lib/tabs/context.js +1 -1
- package/lib/tabs/index.js +4 -4
- package/lib/tabs/tabHelpers.js +3 -3
- package/lib/textContent/index.js +3 -3
- package/lib/toolbar/ButtonBar.js +4 -4
- package/lib/toolbar/LabelBar.js +4 -4
- package/lib/toolbar/Separator.js +1 -1
- package/lib/toolbar/ToolBarGroup.js +1 -1
- package/lib/toolbar/index.js +4 -4
- package/lib/tooltip/index.js +1 -1
- package/lib/treetable/Body.js +1 -1
- package/lib/treetable/Row.js +5 -5
- package/lib/treetable/index.js +3 -3
- package/lib/treeview/Header.js +1 -1
- package/lib/treeview/Node.js +16 -12
- package/lib/treeview/constants.js +1 -1
- package/lib/treeview/index.js +9 -5
- package/lib/treeview/types.d.ts +4 -0
- package/lib/uitour/index.js +1 -1
- package/package.json +2 -2
|
@@ -7,10 +7,10 @@ exports.default = exports.WithDropdownContext = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _Popup = _interopRequireDefault(require("./Popup"));
|
|
9
9
|
require("../assets/styles/dropdown.scss");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
14
|
const WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
15
15
|
const getDisplayName = Component => Component.displayName || Component.name || 'Component';
|
|
16
16
|
const withDropdown = WrappedComponent => {
|
|
@@ -20,7 +20,6 @@ const withDropdown = WrappedComponent => {
|
|
|
20
20
|
showDropdown,
|
|
21
21
|
dropdown,
|
|
22
22
|
closeDropdownOnClickOutside = true,
|
|
23
|
-
handlerClose,
|
|
24
23
|
customClassForDropdown,
|
|
25
24
|
children,
|
|
26
25
|
dropdownAlign = 'left',
|
|
@@ -49,8 +48,11 @@ const withDropdown = WrappedComponent => {
|
|
|
49
48
|
const getDropdown = targetRef => {
|
|
50
49
|
if (!targetRef || !opened) return null;
|
|
51
50
|
wrappedComponentRef.current = targetRef;
|
|
51
|
+
const targetDimensions = targetRef.getBoundingClientRect();
|
|
52
52
|
return /*#__PURE__*/_react.default.createElement(_Popup.default, {
|
|
53
|
-
|
|
53
|
+
topPosition: targetDimensions.top + window.scrollY + targetDimensions.height,
|
|
54
|
+
rightPosition: !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined,
|
|
55
|
+
leftPosition: targetDimensions.left,
|
|
54
56
|
align: dropdownAlign,
|
|
55
57
|
customClassForDropdown: customClassForDropdown,
|
|
56
58
|
isFloatMenu: isFloatMenu
|
|
@@ -71,9 +73,6 @@ const withDropdown = WrappedComponent => {
|
|
|
71
73
|
}
|
|
72
74
|
};
|
|
73
75
|
}, []);
|
|
74
|
-
(0, _react.useEffect)(() => {
|
|
75
|
-
if (handlerClose) handlerClose(() => setOpened(false));
|
|
76
|
-
}, [handlerClose]);
|
|
77
76
|
const contextValues = {
|
|
78
77
|
handleDropdownClose: onDropdownClick
|
|
79
78
|
};
|
package/lib/fieldset/index.js
CHANGED
|
@@ -9,12 +9,12 @@ var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
|
9
9
|
var _permissionValidations = require("../permissionValidations");
|
|
10
10
|
var _noPermission = _interopRequireDefault(require("../noPermission"));
|
|
11
11
|
require("../assets/styles/fieldset.scss");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
15
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
16
16
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
17
|
-
function _defineProperty(
|
|
17
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
18
18
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
19
19
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
20
|
const Fieldset = props => {
|
package/lib/form/Field.js
CHANGED
|
@@ -8,42 +8,40 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
9
9
|
var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
|
|
10
10
|
var _helpers = require("./helpers");
|
|
11
|
-
const _excluded = ["handlerFieldChange", "
|
|
12
|
-
function _interopRequireDefault(
|
|
11
|
+
const _excluded = ["handlerFieldChange", "handlerFieldValidate", "onChange", "onBlur", "name", "validators", "data", "fieldErrors", "handlerStoreValidators", "handlerRemoveValidators", "component", "externalFieldErrors", "originalData"];
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
17
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
-
function _defineProperty(
|
|
18
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
19
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
20
20
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
|
-
function _objectWithoutProperties(
|
|
22
|
-
function _objectWithoutPropertiesLoose(
|
|
21
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
22
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
23
23
|
const getEvents = _ref => {
|
|
24
24
|
let {
|
|
25
25
|
validators = [],
|
|
26
26
|
name,
|
|
27
27
|
onBlur,
|
|
28
|
-
|
|
28
|
+
handlerFieldValidate,
|
|
29
29
|
validatorFromComponent,
|
|
30
30
|
handlerFieldChange,
|
|
31
|
-
onChange
|
|
32
|
-
handleShowValidateMessages
|
|
31
|
+
onChange
|
|
33
32
|
} = _ref;
|
|
34
33
|
if (!(validators || validatorFromComponent || onBlur || onChange)) return {};
|
|
35
34
|
const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
|
|
36
35
|
return {
|
|
37
36
|
onBlur: e => {
|
|
38
|
-
if (validatorsArray && e.target &&
|
|
39
|
-
|
|
40
|
-
handleShowValidateMessages(true);
|
|
37
|
+
if (validatorsArray && e.target && handlerFieldValidate) {
|
|
38
|
+
handlerFieldValidate(name, e.target.value, validatorsArray);
|
|
41
39
|
}
|
|
42
40
|
if (onBlur) onBlur(e);
|
|
43
41
|
},
|
|
44
42
|
onChange: e => {
|
|
45
|
-
if (validatorsArray && e.target &&
|
|
46
|
-
|
|
43
|
+
if (validatorsArray && e.target && handlerFieldValidate) {
|
|
44
|
+
handlerFieldValidate(name, e.target.value, validatorsArray);
|
|
47
45
|
}
|
|
48
46
|
if (handlerFieldChange) handlerFieldChange(e);
|
|
49
47
|
if (onChange) onChange(e);
|
|
@@ -82,7 +80,7 @@ const getCustomProps = (props, handlerSetComponentValidator) => {
|
|
|
82
80
|
const Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
83
81
|
const {
|
|
84
82
|
handlerFieldChange,
|
|
85
|
-
|
|
83
|
+
handlerFieldValidate,
|
|
86
84
|
onChange,
|
|
87
85
|
onBlur,
|
|
88
86
|
name,
|
|
@@ -96,34 +94,23 @@ const Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
|
96
94
|
originalData
|
|
97
95
|
} = props,
|
|
98
96
|
rest = _objectWithoutProperties(props, _excluded);
|
|
99
|
-
const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
|
|
100
97
|
const {
|
|
101
98
|
handlerSetValidatorFromComponent,
|
|
102
99
|
validatorFromComponent
|
|
103
100
|
} = (0, _react.useContext)(_helpers.withFieldContext);
|
|
104
|
-
const currentValue = _lodash.default.get(data, name);
|
|
105
|
-
const originalValue = _lodash.default.get(originalData, name);
|
|
106
|
-
(0, _react.useEffect)(() => {
|
|
107
|
-
if (currentValue && currentValue !== originalValue && (!!currentValue || currentValue === 0 || Array.isArray(currentValue) && currentValue.length > 0)) {
|
|
108
|
-
setShowValidateMessages(true);
|
|
109
|
-
} else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || currentValue === originalValue) {
|
|
110
|
-
setShowValidateMessages(false);
|
|
111
|
-
}
|
|
112
|
-
}, [currentValue, originalValue]);
|
|
113
101
|
return /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getEvents({
|
|
114
102
|
name,
|
|
115
103
|
validators,
|
|
116
104
|
onBlur,
|
|
117
105
|
validatorFromComponent,
|
|
118
|
-
|
|
106
|
+
handlerFieldValidate,
|
|
119
107
|
handlerFieldChange,
|
|
120
|
-
onChange
|
|
121
|
-
handleShowValidateMessages: value => setShowValidateMessages(value)
|
|
108
|
+
onChange
|
|
122
109
|
}), getCustomProps(props, handlerSetValidatorFromComponent), {
|
|
123
110
|
ref: ref,
|
|
124
111
|
name: name,
|
|
125
112
|
errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
|
|
126
|
-
fieldErrors:
|
|
113
|
+
fieldErrors: props.fieldErrors
|
|
127
114
|
}))
|
|
128
115
|
}));
|
|
129
116
|
});
|
package/lib/form/FieldArray.js
CHANGED
|
@@ -10,20 +10,20 @@ var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
|
|
|
10
10
|
var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
11
11
|
var _fieldset = _interopRequireDefault(require("../fieldset"));
|
|
12
12
|
var _helpers = require("./helpers");
|
|
13
|
-
const _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "data", "name", "handlerStoreValidators", "component", "handlerFieldChange", "
|
|
13
|
+
const _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "data", "name", "handlerStoreValidators", "component", "handlerFieldChange", "handlerFieldValidate", "changePropName", "fieldErrors", "externalMessagesErrors", "handlerRemoveValidators", "validators", "valuePropName", "originalData", "handlerSelecionados"];
|
|
14
14
|
/* eslint-disable react-hooks/rules-of-hooks */
|
|
15
|
-
function _interopRequireDefault(
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
17
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
18
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
19
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
20
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
-
function _defineProperty(
|
|
21
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
22
22
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
23
23
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
24
|
-
function _objectWithoutProperties(
|
|
25
|
-
function _objectWithoutPropertiesLoose(
|
|
26
|
-
const getDefaultProps =
|
|
24
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
25
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
|
|
26
|
+
const getDefaultProps = props => {
|
|
27
27
|
const {
|
|
28
28
|
valuePropName = 'value',
|
|
29
29
|
changePropName = 'onSelect',
|
|
@@ -35,9 +35,8 @@ const getDefaultProps = (props, handleShowValidateMessages) => {
|
|
|
35
35
|
} = props;
|
|
36
36
|
return {
|
|
37
37
|
onBlur: (0, _react.useCallback)(e => {
|
|
38
|
-
if (handleShowValidateMessages) handleShowValidateMessages(true);
|
|
39
38
|
if (onBlur) onBlur(e);
|
|
40
|
-
}, [
|
|
39
|
+
}, [onBlur]),
|
|
41
40
|
[valuePropName]: _lodash.default.get(data, name),
|
|
42
41
|
[changePropName]: (0, _react.useCallback)(ids => {
|
|
43
42
|
if (handlerFieldChange) handlerFieldChange({
|
|
@@ -47,8 +46,7 @@ const getDefaultProps = (props, handleShowValidateMessages) => {
|
|
|
47
46
|
}
|
|
48
47
|
});
|
|
49
48
|
if (handlerSelecionados) handlerSelecionados(ids);
|
|
50
|
-
|
|
51
|
-
}, [handlerFieldChange, handlerSelecionados, handleShowValidateMessages, changePropName])
|
|
49
|
+
}, [handlerFieldChange, handlerSelecionados, changePropName])
|
|
52
50
|
};
|
|
53
51
|
};
|
|
54
52
|
const FieldArray = props => {
|
|
@@ -63,7 +61,7 @@ const FieldArray = props => {
|
|
|
63
61
|
handlerStoreValidators,
|
|
64
62
|
component: Component,
|
|
65
63
|
handlerFieldChange,
|
|
66
|
-
|
|
64
|
+
handlerFieldValidate,
|
|
67
65
|
changePropName,
|
|
68
66
|
fieldErrors,
|
|
69
67
|
externalMessagesErrors,
|
|
@@ -74,19 +72,6 @@ const FieldArray = props => {
|
|
|
74
72
|
handlerSelecionados
|
|
75
73
|
} = props,
|
|
76
74
|
rest = _objectWithoutProperties(props, _excluded);
|
|
77
|
-
const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
|
|
78
|
-
const currentValue = _lodash.default.get(data, name);
|
|
79
|
-
const originalValue = _lodash.default.get(originalData, name);
|
|
80
|
-
const handleShowValidateMessages = (0, _react.useCallback)(value => {
|
|
81
|
-
setShowValidateMessages(value);
|
|
82
|
-
}, []);
|
|
83
|
-
(0, _react.useEffect)(() => {
|
|
84
|
-
if (!_lodash.default.isEqual(currentValue, originalValue) && Array.isArray(currentValue) && currentValue.length > 0) {
|
|
85
|
-
setShowValidateMessages(true);
|
|
86
|
-
} else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || _lodash.default.isEqual(currentValue, originalValue)) {
|
|
87
|
-
setShowValidateMessages(false);
|
|
88
|
-
}
|
|
89
|
-
}, [currentValue]);
|
|
90
75
|
let content = null;
|
|
91
76
|
if (Component) {
|
|
92
77
|
if (!skipLabel && label) {
|
|
@@ -95,19 +80,19 @@ const FieldArray = props => {
|
|
|
95
80
|
customClass: "arraycontainer ".concat(bordered && '-bordered'),
|
|
96
81
|
style: labelContainerStyle,
|
|
97
82
|
titleCustomClass: "label"
|
|
98
|
-
}, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props
|
|
83
|
+
}, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props), {
|
|
99
84
|
label: label,
|
|
100
85
|
name: name,
|
|
101
86
|
errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
|
|
102
|
-
fieldErrors:
|
|
87
|
+
fieldErrors: props.fieldErrors
|
|
103
88
|
}))
|
|
104
89
|
})));
|
|
105
90
|
} else {
|
|
106
|
-
content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props
|
|
91
|
+
content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props), {
|
|
107
92
|
label: label,
|
|
108
93
|
name: name,
|
|
109
94
|
errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
|
|
110
|
-
fieldErrors:
|
|
95
|
+
fieldErrors: props.fieldErrors
|
|
111
96
|
}))
|
|
112
97
|
})));
|
|
113
98
|
}
|
package/lib/form/FieldNumber.js
CHANGED
|
@@ -9,13 +9,13 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
9
9
|
var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
|
|
10
10
|
var _helpers = require("./helpers");
|
|
11
11
|
var constants = _interopRequireWildcard(require("../internals/constants"));
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
16
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
17
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
-
function _defineProperty(
|
|
18
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
19
19
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
20
20
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
21
21
|
const getEventProps = _ref => {
|
|
@@ -25,29 +25,26 @@ const getEventProps = _ref => {
|
|
|
25
25
|
onBlur,
|
|
26
26
|
onKeyDown,
|
|
27
27
|
onChange,
|
|
28
|
-
|
|
28
|
+
handlerFieldValidate,
|
|
29
29
|
handlerFieldChange,
|
|
30
|
-
handleShowValidateMessages,
|
|
31
30
|
component
|
|
32
31
|
} = _ref;
|
|
33
32
|
return {
|
|
34
33
|
onBlur: e => {
|
|
35
34
|
if (handlerFieldChange) handlerFieldChange(e);
|
|
36
|
-
if (validators &&
|
|
35
|
+
if (validators && handlerFieldValidate) handlerFieldValidate(name, e.target.value, validators);
|
|
37
36
|
if (onBlur) onBlur(e);
|
|
38
|
-
handleShowValidateMessages(true);
|
|
39
37
|
},
|
|
40
38
|
onKeyDown: e => {
|
|
41
39
|
if ([constants.keyCodes.ENTER].includes(e.keyCode)) {
|
|
42
|
-
if (validators)
|
|
40
|
+
if (validators) handlerFieldValidate === null || handlerFieldValidate === void 0 ? void 0 : handlerFieldValidate(name, e.target.value, validators);
|
|
43
41
|
if (onKeyDown) onKeyDown(e);
|
|
44
|
-
handleShowValidateMessages(true);
|
|
45
42
|
}
|
|
46
43
|
},
|
|
47
44
|
onChange: e => {
|
|
48
45
|
if ((component === null || component === void 0 ? void 0 : component.name) === 'NumberField') {
|
|
49
|
-
if (validators && e.target &&
|
|
50
|
-
|
|
46
|
+
if (validators && e.target && handlerFieldValidate) {
|
|
47
|
+
handlerFieldValidate(name, e.target.value, validators);
|
|
51
48
|
}
|
|
52
49
|
if (handlerFieldChange) handlerFieldChange(e);
|
|
53
50
|
if (onChange) onChange(e);
|
|
@@ -64,18 +61,9 @@ const FieldMask = props => {
|
|
|
64
61
|
const currentValue = _lodash.default.get(data, name);
|
|
65
62
|
const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
|
|
66
63
|
const originalValue = _lodash.default.get(originalData, name);
|
|
67
|
-
|
|
68
|
-
if (currentValue && currentValue !== originalValue && !!currentValue) {
|
|
69
|
-
setShowValidateMessages(true);
|
|
70
|
-
} else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || currentValue === originalValue) {
|
|
71
|
-
setShowValidateMessages(false);
|
|
72
|
-
}
|
|
73
|
-
}, [currentValue, originalValue]);
|
|
74
|
-
return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread(_objectSpread({}, props), {}, {
|
|
75
|
-
handleShowValidateMessages: value => setShowValidateMessages(value)
|
|
76
|
-
})), {
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread({}, props)), {
|
|
77
65
|
errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
|
|
78
|
-
fieldErrors:
|
|
66
|
+
fieldErrors: props.fieldErrors
|
|
79
67
|
})),
|
|
80
68
|
value: currentValue
|
|
81
69
|
}));
|
package/lib/form/FieldPeriod.js
CHANGED
|
@@ -9,17 +9,17 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
9
9
|
var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
10
10
|
var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
|
|
11
11
|
var _helpers = require("./helpers");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
14
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
16
|
const FieldPeriod = props => {
|
|
17
17
|
const {
|
|
18
18
|
data,
|
|
19
19
|
nameDateInitial,
|
|
20
20
|
nameDateFinal,
|
|
21
21
|
handlerFieldChange,
|
|
22
|
-
|
|
22
|
+
handlerFieldValidate: handlerFieldValidate,
|
|
23
23
|
fieldErrors,
|
|
24
24
|
externalMessagesErrors,
|
|
25
25
|
onChange,
|
|
@@ -55,8 +55,8 @@ const FieldPeriod = props => {
|
|
|
55
55
|
initial,
|
|
56
56
|
final
|
|
57
57
|
} = _ref;
|
|
58
|
-
if (validators &&
|
|
59
|
-
|
|
58
|
+
if (validators && handlerFieldValidate) {
|
|
59
|
+
handlerFieldValidate(nameDateInitial, {
|
|
60
60
|
[nameDateInitial]: initial,
|
|
61
61
|
[nameDateFinal]: final
|
|
62
62
|
}, validators);
|
package/lib/form/helpers.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.withFieldContext = exports.securityBeforeUnload = exports.getValidatorsArray = exports.getErrorMessages = exports.changeValue = exports.FormContext = void 0;
|
|
7
7
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const securityBeforeUnload = exports.securityBeforeUnload = 'securityBeforeUnload';
|
|
11
11
|
const FormContext = exports.FormContext = /*#__PURE__*/_react.default.createContext({});
|
|
12
12
|
const withFieldContext = exports.withFieldContext = /*#__PURE__*/_react.default.createContext({});
|
package/lib/form/index.js
CHANGED
|
@@ -38,13 +38,13 @@ var _FieldPeriod = _interopRequireDefault(require("./FieldPeriod"));
|
|
|
38
38
|
require("../assets/styles/form.scss");
|
|
39
39
|
var _dialog = require("../dialog");
|
|
40
40
|
var _withFormSecurity = require("./withFormSecurity");
|
|
41
|
-
function _interopRequireDefault(
|
|
41
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
42
42
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
43
43
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
44
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
44
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
45
45
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
46
46
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
47
|
-
function _defineProperty(
|
|
47
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
48
48
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
49
49
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
50
50
|
const Form = _ref => {
|
|
@@ -75,6 +75,7 @@ const Form = _ref => {
|
|
|
75
75
|
const [fieldErrors, setFieldErrors] = (0, _react.useState)({});
|
|
76
76
|
const fieldsValidators = (0, _react.useRef)({});
|
|
77
77
|
const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = (0, _react.useState)(0);
|
|
78
|
+
const [isValid, setIsValid] = (0, _react.useState)(false);
|
|
78
79
|
const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
|
|
79
80
|
const usedData = useInternalState ? data : dataSource;
|
|
80
81
|
const getValidatesErrorMessages = (validators, fieldValue) => {
|
|
@@ -107,8 +108,9 @@ const Form = _ref => {
|
|
|
107
108
|
let updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
108
109
|
let currentValidators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
109
110
|
const currentFieldErrors = getErrorMessages(currentData, currentValidators || fieldsValidators.current);
|
|
110
|
-
|
|
111
|
-
|
|
111
|
+
const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);
|
|
112
|
+
if (updateState) setIsValid(isValidNow);
|
|
113
|
+
return isValidNow;
|
|
112
114
|
};
|
|
113
115
|
const onFieldChange = (0, _react.useCallback)(event => {
|
|
114
116
|
const {
|
|
@@ -244,7 +246,7 @@ const Form = _ref => {
|
|
|
244
246
|
const contextValues = {
|
|
245
247
|
skeletonize,
|
|
246
248
|
handlerFieldChange: onFieldChange,
|
|
247
|
-
|
|
249
|
+
handlerFieldValidate: onValidate,
|
|
248
250
|
handlerStoreValidators: (fieldName, fieldValidates) => {
|
|
249
251
|
fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, {
|
|
250
252
|
[fieldName]: fieldValidates
|
|
@@ -254,7 +256,8 @@ const Form = _ref => {
|
|
|
254
256
|
data: useInternalState ? data : dataSource,
|
|
255
257
|
originalData,
|
|
256
258
|
fieldErrors,
|
|
257
|
-
externalFieldErrors
|
|
259
|
+
externalFieldErrors,
|
|
260
|
+
isFormValid: isValid
|
|
258
261
|
};
|
|
259
262
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Provider, {
|
|
260
263
|
value: contextValues
|
package/lib/form/types.d.ts
CHANGED
|
@@ -57,7 +57,7 @@ interface IFieldProps extends WithFieldProps {
|
|
|
57
57
|
value?: string;
|
|
58
58
|
label?: string;
|
|
59
59
|
handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => ChangeEvent;
|
|
60
|
-
|
|
60
|
+
handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
|
|
61
61
|
component: ComponentType<any>;
|
|
62
62
|
componentType?: 'Radio' | 'Checkbox';
|
|
63
63
|
onChange?: (event: ChangeEvent) => ChangeEvent;
|
|
@@ -86,6 +86,10 @@ interface IFieldProps extends WithFieldProps {
|
|
|
86
86
|
autoCompleteMask?: 'left' | 'right';
|
|
87
87
|
mask?: string;
|
|
88
88
|
removeZeroLeft?: boolean;
|
|
89
|
+
textAlign?: 'left' | 'right';
|
|
90
|
+
disabled?: boolean;
|
|
91
|
+
displayCurrencySymbol?: boolean;
|
|
92
|
+
currencySymbol?: string;
|
|
89
93
|
}
|
|
90
94
|
interface CustomEvent {
|
|
91
95
|
target: {
|
|
@@ -120,7 +124,7 @@ interface IFieldArrayProps extends WithFieldProps {
|
|
|
120
124
|
multiple?: boolean;
|
|
121
125
|
disabled?: boolean;
|
|
122
126
|
onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
123
|
-
|
|
127
|
+
handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
|
|
124
128
|
required?: boolean;
|
|
125
129
|
}
|
|
126
130
|
type PeriodChangeEvent = {
|
|
@@ -152,20 +156,21 @@ interface IFieldPeriodProps extends WithFieldProps {
|
|
|
152
156
|
externalFieldErrors?: {
|
|
153
157
|
[name: string]: string[];
|
|
154
158
|
};
|
|
155
|
-
|
|
159
|
+
handlerFieldValidate?: (name: string, value: object, validatorsArray: PeriodValidator[] | PeriodValidator) => void;
|
|
156
160
|
onChange?: (event: PeriodChangeEvent) => PeriodChangeEvent;
|
|
157
161
|
gridLayout?: string;
|
|
158
162
|
}
|
|
159
163
|
interface FormContextProps {
|
|
160
164
|
skeletonize?: boolean;
|
|
161
165
|
handlerFieldChange: (event: OnFielChangeEvent) => void;
|
|
162
|
-
|
|
166
|
+
handlerFieldValidate: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
|
|
163
167
|
handlerStoreValidators: (fieldName: string, fieldValidates: Validator) => void;
|
|
164
168
|
handlerRemoveValidators: (fieldName: string) => void;
|
|
165
169
|
data: object;
|
|
166
170
|
originalData: object;
|
|
167
171
|
fieldErrors: object;
|
|
168
172
|
externalFieldErrors?: object;
|
|
173
|
+
isFormValid?: boolean;
|
|
169
174
|
}
|
|
170
175
|
interface WithFieldProps {
|
|
171
176
|
name: string;
|
|
@@ -200,10 +205,9 @@ interface IEventParams {
|
|
|
200
205
|
onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
201
206
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
202
207
|
onKeyDown?: (event: CustomKeyboardEvent) => void;
|
|
203
|
-
|
|
208
|
+
handlerFieldValidate?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
|
|
204
209
|
handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;
|
|
205
210
|
validatorFromComponent?: Validator | Validator[];
|
|
206
|
-
handleShowValidateMessages: (value: boolean) => void;
|
|
207
211
|
component?: ComponentType<any>;
|
|
208
212
|
}
|
|
209
213
|
interface IGetErrorMessagesParams {
|
package/lib/form/withFieldHOC.js
CHANGED
|
@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _helpers = require("./helpers");
|
|
9
9
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
10
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
11
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
12
12
|
const withFieldHOC = WrappedComponent => {
|
|
13
13
|
const EnhancedComponent = props => {
|
|
14
14
|
const {
|
|
@@ -45,7 +45,7 @@ const withFieldHOC = WrappedComponent => {
|
|
|
45
45
|
return /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Consumer, null, _ref => {
|
|
46
46
|
let {
|
|
47
47
|
handlerFieldChange,
|
|
48
|
-
|
|
48
|
+
handlerFieldValidate: handlerFieldValidate,
|
|
49
49
|
data,
|
|
50
50
|
fieldErrors,
|
|
51
51
|
externalFieldErrors,
|
|
@@ -56,7 +56,7 @@ const withFieldHOC = WrappedComponent => {
|
|
|
56
56
|
return /*#__PURE__*/_react.default.createElement(EnhancedComponent, _extends({}, props, {
|
|
57
57
|
skeletonize: skeletonize,
|
|
58
58
|
handlerFieldChange: handlerFieldChange,
|
|
59
|
-
|
|
59
|
+
handlerFieldValidate: handlerFieldValidate,
|
|
60
60
|
handlerStoreValidators: handlerStoreValidators,
|
|
61
61
|
handlerRemoveValidators: handlerRemoveValidators,
|
|
62
62
|
data: data,
|
|
@@ -7,7 +7,7 @@ exports.default = exports.FormSecurityContext = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
9
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
10
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
11
11
|
const FormSecurityContext = exports.FormSecurityContext = /*#__PURE__*/_react.default.createContext({});
|
|
12
12
|
const withFormSecurity = WrappedComponent => {
|
|
13
13
|
const EnhancedComponent = props => {
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
require("../assets/styles/gridlayout.scss");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const getClass = col => {
|
|
11
11
|
const cols = col ? col.split(' ') : [];
|
|
12
12
|
let classes = 'grid-container ';
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
require("../assets/styles/gridlayout.scss");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
11
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
-
function _defineProperty(
|
|
12
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
13
13
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
14
14
|
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
15
15
|
const getClass = props => "row ".concat(props.customClass, "\n ").concat(props.withTrim && ' -withtrim', "\n ").concat(props.verticalAlign && " align-items-".concat(props.verticalAlign), "\n ").concat(props.horizontalAlign && " justify-content-".concat(props.horizontalAlign));
|
package/lib/gridlayout/index.js
CHANGED
|
@@ -12,5 +12,5 @@ Object.defineProperty(exports, "GridRow", {
|
|
|
12
12
|
exports.default = void 0;
|
|
13
13
|
var _GridRow = _interopRequireDefault(require("./GridRow"));
|
|
14
14
|
var _GridCol = _interopRequireDefault(require("./GridCol"));
|
|
15
|
-
function _interopRequireDefault(
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
16
|
var _default = exports.default = _GridCol.default;
|