linear-react-components-ui 1.1.23 → 1.1.24-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/@types/ColorStyles.d.ts +2 -1
- package/lib/@types/Position.d.ts +2 -1
- package/lib/BaseMask-04df8f20.d.ts +24 -0
- package/lib/BaseNumber-c609c5a0.d.ts +23 -0
- package/lib/Cnpj-5471cb1f.d.ts +18 -0
- package/lib/Cpf-71c4f0f4.d.ts +18 -0
- package/lib/Currency-38d14ff7.d.ts +18 -0
- package/lib/Decimal-85d45244.d.ts +13 -0
- package/lib/Number-db3c092d.d.ts +20 -0
- package/lib/Phone-4c4142e4.d.ts +18 -0
- package/lib/ZipCode-dc7dd4da.d.ts +13 -0
- package/lib/assets/styles/checkbox2.scss +199 -0
- package/lib/assets/styles/colorpicker.scss +1 -6
- package/lib/assets/styles/colors.scss +48 -12
- package/lib/assets/styles/datepicker2.scss +338 -0
- package/lib/assets/styles/selectfield.scss +409 -0
- package/lib/assets/styles/slot.scss +34 -0
- package/lib/assets/styles/textfield.scss +148 -0
- package/lib/buttons/ActivateButton.d.ts +1 -0
- package/lib/buttons/AddButton.d.ts +1 -0
- package/lib/buttons/Button.d.ts +1 -0
- package/lib/buttons/CancelButton.d.ts +1 -0
- package/lib/buttons/DangerButton.d.ts +1 -0
- package/lib/buttons/DefaultButton.d.ts +1 -0
- package/lib/buttons/DefaultButton.js +32 -17
- package/lib/buttons/DestroyButton.d.ts +1 -0
- package/lib/buttons/EditButton.d.ts +1 -0
- package/lib/buttons/InactivateButton.d.ts +1 -0
- package/lib/buttons/InfoButton.d.ts +1 -0
- package/lib/buttons/PrimaryButton.d.ts +1 -0
- package/lib/buttons/RestoreButton.d.ts +1 -0
- package/lib/buttons/SaveButton.d.ts +1 -0
- package/lib/buttons/SuccessButton.d.ts +1 -0
- package/lib/buttons/WarningButton.d.ts +1 -0
- package/lib/buttons/index.d.ts +1 -0
- package/lib/buttons/split_button/index.d.ts +1 -0
- package/lib/buttons/types.d.ts +2 -5
- package/lib/form/Field.d.ts +1 -1
- package/lib/form/FieldArray.d.ts +1 -1
- package/lib/form/FieldNumber.d.ts +1 -1
- package/lib/form/FieldPeriod.d.ts +1 -1
- package/lib/form/helpers.d.ts +1 -1
- package/lib/form/index.d.ts +1 -1
- package/lib/form/types.d.ts +1 -1
- package/lib/form/withFieldHOC.d.ts +1 -1
- package/lib/form/withFormSecurity.d.ts +1 -1
- package/lib/form2/helpers.d.ts +8 -0
- package/lib/form2/helpers.js +41 -0
- package/lib/form2/index.d.ts +9 -0
- package/lib/form2/index.js +36 -0
- package/lib/form2/types.d.ts +125 -0
- package/lib/form2/types.js +5 -0
- package/lib/form2/useForm/index.d.ts +5 -0
- package/lib/form2/useForm/index.js +203 -0
- package/lib/icons/helper.d.ts +4 -0
- package/lib/icons/helper.js +4 -0
- package/lib/icons/index.d.ts +4 -6
- package/lib/icons/index.js +14 -9
- package/lib/icons/types.d.ts +3 -6
- package/lib/index-368f781f.d.ts +15 -0
- package/lib/index-379b7504.d.ts +44 -0
- package/lib/index-7cb5e8b3.d.ts +41 -0
- package/lib/index-809a7899.d.ts +23 -0
- package/lib/index-c9247c1f.d.ts +15 -0
- package/lib/index-de21a05e.d.ts +23 -0
- package/lib/index.d.ts +1 -0
- package/lib/inputs/base/InputTextBase.d.ts +1 -1
- package/lib/inputs/base/InputTextBase.js +18 -8
- package/lib/inputs/base/helpers.d.ts +1 -1
- package/lib/inputs/base/types.d.ts +5 -16
- package/lib/inputs/color/index.js +1 -1
- package/lib/inputs/color/types.d.ts +1 -1
- package/lib/inputs/date/Dialog.d.ts +1 -1
- package/lib/inputs/date/Dropdown.d.ts +1 -1
- package/lib/inputs/date/index.d.ts +1 -1
- package/lib/inputs/date/types.d.ts +2 -2
- package/lib/inputs/errorMessage/index.d.ts +1 -1
- package/lib/inputs/file/DefaultFile.d.ts +1 -1
- package/lib/inputs/file/DefaultFile.js +1 -1
- package/lib/inputs/file/DragDropFile.d.ts +1 -1
- package/lib/inputs/file/File.d.ts +1 -1
- package/lib/inputs/file/FileButtonSettings.d.ts +1 -1
- package/lib/inputs/file/helpers.d.ts +1 -1
- package/lib/inputs/file/index.d.ts +1 -1
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.d.ts +1 -1
- package/lib/inputs/mask/BaseMask.d.ts +1 -1
- package/lib/inputs/mask/Cnpj.d.ts +1 -1
- package/lib/inputs/mask/Cpf.d.ts +1 -1
- package/lib/inputs/mask/Phone.d.ts +1 -1
- package/lib/inputs/mask/ZipCode.d.ts +1 -1
- package/lib/inputs/mask/helpers.d.ts +1 -1
- package/lib/inputs/mask/index.d.ts +1 -1
- package/lib/inputs/mask/types.d.ts +2 -2
- package/lib/inputs/multiSelect/ActionButtons.d.ts +1 -1
- package/lib/inputs/multiSelect/Dropdown.d.ts +1 -1
- package/lib/inputs/multiSelect/helper.d.ts +1 -1
- package/lib/inputs/multiSelect/index.d.ts +1 -1
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.d.ts +1 -1
- package/lib/inputs/number/Currency.d.ts +1 -1
- package/lib/inputs/number/Decimal.d.ts +1 -1
- package/lib/inputs/number/index.d.ts +1 -1
- package/lib/inputs/number/types.d.ts +3 -3
- package/lib/inputs/period/Dialog.d.ts +1 -1
- package/lib/inputs/period/Dropdown.d.ts +1 -1
- package/lib/inputs/period/PeriodList.d.ts +1 -1
- package/lib/inputs/period/helper.d.ts +1 -1
- package/lib/inputs/period/index.d.ts +1 -1
- package/lib/inputs/period/index.js +8 -10
- package/lib/inputs/period/types.d.ts +2 -5
- package/lib/inputs/search/index.d.ts +1 -1
- package/lib/inputs/select/ActionButtons.d.ts +1 -1
- package/lib/inputs/select/Dropdown.d.ts +1 -1
- package/lib/inputs/select/helper.d.ts +1 -1
- package/lib/inputs/select/index.d.ts +1 -1
- package/lib/inputs/select/multiple/Selecteds.d.ts +1 -1
- package/lib/inputs/select/multiple/index.d.ts +1 -1
- package/lib/inputs/select/simple/index.d.ts +1 -1
- package/lib/inputs/select/types.d.ts +1 -1
- package/lib/inputs/text/index.d.ts +1 -1
- package/lib/inputs/text/types.d.ts +2 -3
- package/lib/inputs/textarea/index.d.ts +1 -1
- package/lib/inputs/textarea/types.d.ts +1 -1
- package/lib/inputs/types.d.ts +1 -1
- package/lib/inputs2/checkboxfield/index.d.ts +7 -0
- package/lib/inputs2/checkboxfield/index.js +146 -0
- package/lib/inputs2/colorfield/index.d.ts +9 -0
- package/lib/inputs2/colorfield/index.js +119 -0
- package/lib/inputs2/date/base/constants.d.ts +7 -0
- package/lib/inputs2/date/base/constants.js +43 -0
- package/lib/inputs2/date/base/index.d.ts +12 -0
- package/lib/inputs2/date/base/index.js +179 -0
- package/lib/inputs2/date/datefield/calendarbox.d.ts +7 -0
- package/lib/inputs2/date/datefield/calendarbox.js +115 -0
- package/lib/inputs2/date/datefield/context.d.ts +13 -0
- package/lib/inputs2/date/datefield/context.js +15 -0
- package/lib/inputs2/date/datefield/index.d.ts +9 -0
- package/lib/inputs2/date/datefield/index.js +334 -0
- package/lib/inputs2/date/datefield/triggers.d.ts +8 -0
- package/lib/inputs2/date/datefield/triggers.js +47 -0
- package/lib/inputs2/date/datefield/types.d.ts +61 -0
- package/lib/inputs2/date/datefield/types.js +5 -0
- package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +7 -0
- package/lib/inputs2/date/dateperiodfield/calendarbox.js +136 -0
- package/lib/inputs2/date/dateperiodfield/context.d.ts +13 -0
- package/lib/inputs2/date/dateperiodfield/context.js +17 -0
- package/lib/inputs2/date/dateperiodfield/index.d.ts +9 -0
- package/lib/inputs2/date/dateperiodfield/index.js +592 -0
- package/lib/inputs2/date/dateperiodfield/triggers.d.ts +6 -0
- package/lib/inputs2/date/dateperiodfield/triggers.js +120 -0
- package/lib/inputs2/date/dateperiodfield/types.d.ts +99 -0
- package/lib/inputs2/date/dateperiodfield/types.js +19 -0
- package/lib/inputs2/date/helpers.d.ts +20 -0
- package/lib/inputs2/date/helpers.js +62 -0
- package/lib/inputs2/date/types.d.ts +59 -0
- package/lib/inputs2/date/types.js +19 -0
- package/lib/inputs2/index.d.ts +29 -0
- package/lib/inputs2/index.js +38 -0
- package/lib/inputs2/mask/BaseMask.d.ts +10 -0
- package/lib/inputs2/mask/BaseMask.js +95 -0
- package/lib/inputs2/mask/Cnpj.d.ts +11 -0
- package/lib/inputs2/mask/Cnpj.js +57 -0
- package/lib/inputs2/mask/Cpf.d.ts +11 -0
- package/lib/inputs2/mask/Cpf.js +53 -0
- package/lib/inputs2/mask/Phone.d.ts +11 -0
- package/lib/inputs2/mask/Phone.js +26 -0
- package/lib/inputs2/mask/ZipCode.d.ts +11 -0
- package/lib/inputs2/mask/ZipCode.js +23 -0
- package/lib/inputs2/mask/helpers.d.ts +4 -0
- package/lib/inputs2/mask/helpers.js +57 -0
- package/lib/inputs2/number/BaseNumber.d.ts +10 -0
- package/lib/inputs2/number/BaseNumber.js +86 -0
- package/lib/inputs2/number/Currency.d.ts +11 -0
- package/lib/inputs2/number/Currency.js +47 -0
- package/lib/inputs2/number/Decimal.d.ts +11 -0
- package/lib/inputs2/number/Decimal.js +36 -0
- package/lib/inputs2/number/Number.d.ts +9 -0
- package/lib/inputs2/number/Number.js +49 -0
- package/lib/inputs2/number/format_number.d.ts +5 -0
- package/lib/inputs2/number/format_number.js +29 -0
- package/lib/inputs2/selectfield/context.d.ts +38 -0
- package/lib/inputs2/selectfield/context.js +15 -0
- package/lib/inputs2/selectfield/helpers.d.ts +6 -0
- package/lib/inputs2/selectfield/helpers.js +25 -0
- package/lib/inputs2/selectfield/index.d.ts +10 -0
- package/lib/inputs2/selectfield/index.js +491 -0
- package/lib/inputs2/selectfield/item.d.ts +11 -0
- package/lib/inputs2/selectfield/item.js +85 -0
- package/lib/inputs2/selectfield/listbox.d.ts +7 -0
- package/lib/inputs2/selectfield/listbox.js +103 -0
- package/lib/inputs2/selectfield/search.d.ts +7 -0
- package/lib/inputs2/selectfield/search.js +71 -0
- package/lib/inputs2/selectfield/selections.d.ts +10 -0
- package/lib/inputs2/selectfield/selections.js +86 -0
- package/lib/inputs2/selectfield/triggers.d.ts +8 -0
- package/lib/inputs2/selectfield/triggers.js +100 -0
- package/lib/inputs2/selectfield/types.d.ts +55 -0
- package/lib/inputs2/selectfield/types.js +21 -0
- package/lib/inputs2/slot/index.d.ts +14 -0
- package/lib/inputs2/slot/index.js +47 -0
- package/lib/inputs2/textfield/index.d.ts +8 -0
- package/lib/inputs2/textfield/index.js +159 -0
- package/lib/internals/types.d.ts +1 -17
- package/lib/labels/DangerLabel.d.ts +1 -0
- package/lib/labels/DefaultLabel.d.ts +3 -5
- package/lib/labels/DefaultLabel.js +15 -7
- package/lib/labels/InfoLabel.d.ts +1 -0
- package/lib/labels/PrimaryLabel.d.ts +1 -0
- package/lib/labels/SuccessLabel.d.ts +1 -0
- package/lib/labels/WarningLabel.d.ts +1 -0
- package/lib/labels/index.d.ts +3 -2
- package/lib/labels/types.d.ts +2 -5
- package/lib/list/Header.d.ts +1 -0
- package/lib/list/Item.d.ts +3 -5
- package/lib/list/Item.js +17 -12
- package/lib/list/helpers.d.ts +1 -0
- package/lib/list/index.d.ts +1 -0
- package/lib/list/types.d.ts +4 -6
- package/lib/menus/sidenav/ExpandMenu.d.ts +2 -2
- package/lib/menus/sidenav/MenuLink.d.ts +4 -7
- package/lib/menus/sidenav/MenuLink.js +20 -11
- package/lib/menus/sidenav/NavMenuGroup.d.ts +2 -2
- package/lib/menus/sidenav/NavMenuItem.d.ts +4 -7
- package/lib/menus/sidenav/NavMenuItem.js +16 -12
- package/lib/menus/sidenav/NavSubMenuItem.d.ts +2 -2
- package/lib/menus/sidenav/helpers.d.ts +2 -2
- package/lib/menus/sidenav/index.d.ts +2 -2
- package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts +2 -2
- package/lib/menus/sidenav/popup_menu_search/index.d.ts +2 -2
- package/lib/menus/sidenav/types.d.ts +6 -6
- package/lib/popover/PopoverText.js +11 -2
- package/lib/popover/index.js +1 -0
- package/lib/popover/types.d.ts +1 -0
- package/lib/textContent/index.d.ts +6 -11
- package/lib/textContent/index.js +20 -11
- package/lib/tooltip/TooltipContent.d.ts +7 -0
- package/lib/tooltip/TooltipContent.js +65 -0
- package/lib/tooltip/index.d.ts +4 -3
- package/lib/tooltip/index.js +36 -53
- package/lib/tooltip/types.d.ts +25 -3
- package/lib/tooltip/useTooltip.d.ts +30 -0
- package/lib/tooltip/useTooltip.js +128 -0
- package/package.json +3 -2
- package/lib/inputs/base/Label.d.ts +0 -14
- package/lib/inputs/base/Label.js +0 -35
- package/lib/internals/withTooltip.d.ts +0 -12
- package/lib/internals/withTooltip.js +0 -172
|
@@ -9,12 +9,12 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
9
9
|
var _inputHOC = _interopRequireDefault(require("../inputHOC"));
|
|
10
10
|
require("../../assets/styles/input.scss");
|
|
11
11
|
var helpers = _interopRequireWildcard(require("./helpers"));
|
|
12
|
-
var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
|
|
13
12
|
var _permissionValidations = require("../../permissionValidations");
|
|
14
13
|
var _hint = _interopRequireDefault(require("../../hint"));
|
|
15
14
|
var _errorMessage = require("../errorMessage");
|
|
16
15
|
var _textContent = _interopRequireDefault(require("../../textContent"));
|
|
17
|
-
var _popover =
|
|
16
|
+
var _popover = _interopRequireWildcard(require("../../popover"));
|
|
17
|
+
var _tooltip = require("../../tooltip");
|
|
18
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
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); }
|
|
20
20
|
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; }
|
|
@@ -51,7 +51,6 @@ const InputTextBase = props => {
|
|
|
51
51
|
permissionAttr,
|
|
52
52
|
onDeniedActions,
|
|
53
53
|
handlerSetOnDenied,
|
|
54
|
-
targetRef,
|
|
55
54
|
skeletonize = false,
|
|
56
55
|
style,
|
|
57
56
|
styleForInputContent,
|
|
@@ -73,7 +72,10 @@ const InputTextBase = props => {
|
|
|
73
72
|
autoComplete = 'on',
|
|
74
73
|
themePopover = 'light',
|
|
75
74
|
popoverAlign = 'left',
|
|
76
|
-
tabIndex
|
|
75
|
+
tabIndex,
|
|
76
|
+
tooltip,
|
|
77
|
+
tooltipPosition,
|
|
78
|
+
tooltipWidth
|
|
77
79
|
} = props;
|
|
78
80
|
let propsInput;
|
|
79
81
|
const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
|
|
@@ -84,6 +86,7 @@ const InputTextBase = props => {
|
|
|
84
86
|
unvisible
|
|
85
87
|
} = onDenied;
|
|
86
88
|
const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
|
|
89
|
+
const inputElementRef = (0, _react.useRef)(null);
|
|
87
90
|
(0, _react.useEffect)(() => {
|
|
88
91
|
if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
|
|
89
92
|
}, []);
|
|
@@ -122,7 +125,7 @@ const InputTextBase = props => {
|
|
|
122
125
|
inputRef(r);
|
|
123
126
|
}
|
|
124
127
|
}
|
|
125
|
-
|
|
128
|
+
inputElementRef.current = r;
|
|
126
129
|
}
|
|
127
130
|
};
|
|
128
131
|
if (!disableCallbacks) {
|
|
@@ -204,7 +207,7 @@ const InputTextBase = props => {
|
|
|
204
207
|
textAlign: textAlign === 'center' ? 'left' : textAlign
|
|
205
208
|
}
|
|
206
209
|
}, /*#__PURE__*/_react.default.createElement(_textContent.default, {
|
|
207
|
-
|
|
210
|
+
ref: labelRef,
|
|
208
211
|
required: required,
|
|
209
212
|
label: label,
|
|
210
213
|
onHoverLabel: onHoverLabel,
|
|
@@ -234,7 +237,9 @@ const InputTextBase = props => {
|
|
|
234
237
|
height: 'auto',
|
|
235
238
|
width: 20
|
|
236
239
|
}
|
|
237
|
-
},
|
|
240
|
+
}, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
|
|
241
|
+
text: hint
|
|
242
|
+
})))), /*#__PURE__*/_react.default.createElement(_textContent.default, null)), /*#__PURE__*/_react.default.createElement("div", {
|
|
238
243
|
"data-testid": "testInputWrapper",
|
|
239
244
|
style: styleForWrapper,
|
|
240
245
|
className: helpers.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -262,6 +267,11 @@ const InputTextBase = props => {
|
|
|
262
267
|
description: hint
|
|
263
268
|
}), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
|
|
264
269
|
messages: errorMessages
|
|
270
|
+
}), /*#__PURE__*/_react.default.createElement(_tooltip.Tooltip, {
|
|
271
|
+
targetRef: inputElementRef,
|
|
272
|
+
text: tooltip,
|
|
273
|
+
width: tooltipWidth,
|
|
274
|
+
position: tooltipPosition
|
|
265
275
|
}));
|
|
266
276
|
};
|
|
267
|
-
var _default = exports.default = (0, _inputHOC.default)(
|
|
277
|
+
var _default = exports.default = (0, _inputHOC.default)(InputTextBase);
|
|
@@ -3,7 +3,7 @@ import { TextAlign } from '../../@types/Align.js';
|
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../../@types/Period.js';
|
|
5
5
|
import '../../@types/PermissionAttr.js';
|
|
6
|
-
import '../../
|
|
6
|
+
import '../../tooltip/types.js';
|
|
7
7
|
import '../../@types/Position.js';
|
|
8
8
|
|
|
9
9
|
declare const getInputClass: ({ textAlign, readOnly, readOnlyClass, }: {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { MouseEvent, KeyboardEvent, DragEvent, MutableRefObject, RefObject, CSSProperties } from 'react';
|
|
2
2
|
import { TextAlign } from '../../@types/Align.js';
|
|
3
3
|
import { Period } from '../../@types/Period.js';
|
|
4
4
|
import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
|
|
5
|
-
import {
|
|
5
|
+
import { ITooltipCommonProps } from '../../tooltip/types.js';
|
|
6
6
|
import '../../@types/Position.js';
|
|
7
7
|
|
|
8
8
|
interface CustomInputEvent {
|
|
@@ -20,17 +20,7 @@ interface CustomInputEvent {
|
|
|
20
20
|
files?: FileList | null;
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
|
-
interface
|
|
24
|
-
label?: string | string[];
|
|
25
|
-
customClassForLabel?: string;
|
|
26
|
-
styleForLabel?: object;
|
|
27
|
-
labelUppercase?: boolean;
|
|
28
|
-
required?: boolean;
|
|
29
|
-
targetRef?: (ref: HTMLSpanElement | null) => void;
|
|
30
|
-
labelRef?: MutableRefObject<HTMLSpanElement | null>;
|
|
31
|
-
onHoverLabel?: React.MouseEventHandler<HTMLSpanElement>;
|
|
32
|
-
}
|
|
33
|
-
interface IBaseProps {
|
|
23
|
+
interface IBaseProps extends ITooltipCommonProps {
|
|
34
24
|
inputHasFocus?: boolean;
|
|
35
25
|
onInputReceiveFocus?: () => void;
|
|
36
26
|
onInputLostFocus?: () => void;
|
|
@@ -73,7 +63,7 @@ interface IBaseProps {
|
|
|
73
63
|
requiredError?: boolean;
|
|
74
64
|
inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
|
|
75
65
|
inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
|
|
76
|
-
hint?: string
|
|
66
|
+
hint?: string;
|
|
77
67
|
hintPosition?: 'below' | 'onLabelRight';
|
|
78
68
|
textAlign?: TextAlign;
|
|
79
69
|
rounded?: boolean;
|
|
@@ -82,7 +72,6 @@ interface IBaseProps {
|
|
|
82
72
|
permissionAttr?: PermissionAttr;
|
|
83
73
|
onDeniedActions?: OnDenied;
|
|
84
74
|
handlerSetOnDenied?: (onDenied: OnDenied) => void;
|
|
85
|
-
targetRef?: (ref: HTMLDivElement | HTMLInputElement | HTMLTextAreaElement | null) => void;
|
|
86
75
|
gridLayout?: string;
|
|
87
76
|
skeletonize?: boolean;
|
|
88
77
|
style?: CSSProperties;
|
|
@@ -100,4 +89,4 @@ interface IBaseProps {
|
|
|
100
89
|
defaultValue?: string | string[];
|
|
101
90
|
}
|
|
102
91
|
|
|
103
|
-
export { CustomInputEvent, IBaseProps
|
|
92
|
+
export { CustomInputEvent, IBaseProps };
|
|
@@ -10,7 +10,7 @@ interface IColorProps {
|
|
|
10
10
|
permissionAttr?: PermissionAttr;
|
|
11
11
|
visible?: boolean;
|
|
12
12
|
label?: string;
|
|
13
|
-
hint?: string
|
|
13
|
+
hint?: string;
|
|
14
14
|
hintPosition?: 'below' | 'onLabelRight';
|
|
15
15
|
themePopover?: 'light' | 'dark';
|
|
16
16
|
popoverAlign?: 'right' | 'left';
|
|
@@ -5,7 +5,7 @@ import '../../@types/PermissionAttr.js';
|
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Align.js';
|
|
7
7
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const Dialog: ({ handlerClose, children, dialogSize }: IDateDialogProps) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import '../../@types/PermissionAttr.js';
|
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Align.js';
|
|
7
7
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const Dropdown: (props: IDateDropdownProps) => React.ReactPortal;
|
|
@@ -5,7 +5,7 @@ import '../../@types/PermissionAttr.js';
|
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Align.js';
|
|
7
7
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const DatePicker: (props: IDatePickerProps) => JSX.Element | null;
|
|
@@ -4,7 +4,7 @@ import { PermissionAttr } from '../../@types/PermissionAttr.js';
|
|
|
4
4
|
import { CustomInputEvent } from '../base/types.js';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
|
|
10
10
|
interface IDatePickerProps {
|
|
@@ -39,7 +39,7 @@ interface IDatePickerProps {
|
|
|
39
39
|
permissionAttr?: PermissionAttr;
|
|
40
40
|
label?: string;
|
|
41
41
|
gridLayout?: string;
|
|
42
|
-
hint?: string
|
|
42
|
+
hint?: string;
|
|
43
43
|
hintPosition?: 'below' | 'onLabelRight';
|
|
44
44
|
themePopover?: 'light' | 'dark';
|
|
45
45
|
popoverAlign?: 'right' | 'left';
|
|
@@ -5,7 +5,7 @@ import '../../@types/DataCombo.js';
|
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Align.js';
|
|
7
7
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
import '../../drawer/types.js';
|
|
11
11
|
import '../../@types/Icon.js';
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const DefaultFile: (props: IDefaultFileProps) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const DragDropFile: (props: IDragDropFileProps) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const File: ({ applyDragDrop, defaultFiles, gridLayout, onBtnClickRemove: onBtnClickRemoveProp, ...rest }: Omit<IFileProps, 'onBtnClickInsert'>) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const FileButtonSettings: (props: IFileButtonSettingsProps) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const transformFilesToFileList: (files: CustomFile) => FileList;
|
|
@@ -4,7 +4,7 @@ import { CustomInputEvent } from '../base/types.js';
|
|
|
4
4
|
import '../../@types/Align.js';
|
|
5
5
|
import '../../@types/Period.js';
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
|
|
10
10
|
type CustomFile = FileList | File | File[];
|
package/lib/inputs/inputHOC.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import '../@types/DataCombo.js';
|
|
|
5
5
|
import './base/types.js';
|
|
6
6
|
import '../@types/Align.js';
|
|
7
7
|
import '../@types/Period.js';
|
|
8
|
-
import '../
|
|
8
|
+
import '../tooltip/types.js';
|
|
9
9
|
import '../@types/Position.js';
|
|
10
10
|
import '../drawer/types.js';
|
|
11
11
|
import '../@types/Icon.js';
|
|
@@ -4,7 +4,7 @@ import '../../@types/Align.js';
|
|
|
4
4
|
import '../../@types/PermissionAttr.js';
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
|
|
10
10
|
declare const BaseMask: ({ value: valueProp, defaultValue, inputRef, onChange, onComplete, permissionAttr, mask, isDateTimeField, ...rest }: IBaseMaskProps) => JSX.Element;
|
|
@@ -4,7 +4,7 @@ import '../../@types/Align.js';
|
|
|
4
4
|
import '../../@types/PermissionAttr.js';
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
|
|
10
10
|
declare const CnpjField: {
|
package/lib/inputs/mask/Cpf.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import '../../@types/Align.js';
|
|
|
4
4
|
import '../../@types/PermissionAttr.js';
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
|
|
10
10
|
declare const CpfField: {
|
|
@@ -4,7 +4,7 @@ import '../../@types/Align.js';
|
|
|
4
4
|
import '../../@types/PermissionAttr.js';
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
|
|
10
10
|
declare const PhoneField: (props: IPhoneFieldProps) => JSX.Element;
|
|
@@ -4,7 +4,7 @@ import '../../@types/Align.js';
|
|
|
4
4
|
import '../../@types/PermissionAttr.js';
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
|
|
10
10
|
declare const ZipCodeField: (props: IZipCode) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import '../../@types/Align.js';
|
|
|
5
5
|
import '../../@types/PermissionAttr.js';
|
|
6
6
|
import '../base/types.js';
|
|
7
7
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, pattern, radix, thousandsSeparator, mapToRadix, scale, normalizeZeros, padFractionalZeros, rightElements, leftElements, isDateTimeField, ...rest }: IBaseMaskProps) => ReactMaskOpts;
|
|
@@ -3,7 +3,7 @@ import { TextAlign } from '../../@types/Align.js';
|
|
|
3
3
|
import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
|
|
4
4
|
import { CustomInputEvent } from '../base/types.js';
|
|
5
5
|
import '../../@types/Period.js';
|
|
6
|
-
import '../../
|
|
6
|
+
import '../../tooltip/types.js';
|
|
7
7
|
import '../../@types/Position.js';
|
|
8
8
|
|
|
9
9
|
type IBaseMaskProps = {
|
|
@@ -50,7 +50,7 @@ type IBaseMaskProps = {
|
|
|
50
50
|
mask?: any;
|
|
51
51
|
min?: any;
|
|
52
52
|
max?: any;
|
|
53
|
-
hint?: string
|
|
53
|
+
hint?: string;
|
|
54
54
|
hintPosition?: 'below' | 'onLabelRight';
|
|
55
55
|
themePopover?: 'light' | 'dark';
|
|
56
56
|
popoverAlign?: 'right' | 'left';
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
|
|
@@ -5,7 +5,7 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
-
import '../../
|
|
8
|
+
import '../../tooltip/types.js';
|
|
9
9
|
import '../../@types/Position.js';
|
|
10
10
|
|
|
11
11
|
declare const MultiSelectField: (props: IMultiSelectProps) => JSX.Element;
|
|
@@ -4,7 +4,7 @@ import { CustomInputEvent } from '../base/types.js';
|
|
|
4
4
|
import '../../@types/Align.js';
|
|
5
5
|
import '../../@types/Period.js';
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
|
|
10
10
|
type DescriptionKey = string | ((dataSelected: DataCombo) => string);
|
|
@@ -56,7 +56,7 @@ interface IMultiSelectProps {
|
|
|
56
56
|
disabled?: boolean;
|
|
57
57
|
dropdownAlignButton?: 'left' | 'right';
|
|
58
58
|
label?: string;
|
|
59
|
-
hint?: string
|
|
59
|
+
hint?: string;
|
|
60
60
|
hintPosition?: 'below' | 'onLabelRight';
|
|
61
61
|
themePopover?: 'light' | 'dark';
|
|
62
62
|
popoverAlign?: 'right' | 'left';
|
|
@@ -4,7 +4,7 @@ import '../base/types.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
import '../types.js';
|
|
10
10
|
import '../../@types/DataCombo.js';
|
|
@@ -4,7 +4,7 @@ import '../base/types.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
import '../types.js';
|
|
10
10
|
import '../../@types/DataCombo.js';
|
|
@@ -4,7 +4,7 @@ import '../base/types.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
import '../types.js';
|
|
10
10
|
import '../../@types/DataCombo.js';
|
|
@@ -6,7 +6,7 @@ import '../base/types.js';
|
|
|
6
6
|
import 'react';
|
|
7
7
|
import '../../@types/Align.js';
|
|
8
8
|
import '../../@types/Period.js';
|
|
9
|
-
import '../../
|
|
9
|
+
import '../../tooltip/types.js';
|
|
10
10
|
import '../../@types/Position.js';
|
|
11
11
|
import '../types.js';
|
|
12
12
|
import '../../@types/DataCombo.js';
|
|
@@ -4,7 +4,7 @@ import { IMaskHOCProps } from '../types.js';
|
|
|
4
4
|
import { TextAlign } from '../../@types/Align.js';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
-
import '../../
|
|
7
|
+
import '../../tooltip/types.js';
|
|
8
8
|
import '../../@types/Position.js';
|
|
9
9
|
import '../../@types/DataCombo.js';
|
|
10
10
|
import '../../drawer/types.js';
|
|
@@ -15,7 +15,7 @@ interface INumberFieldProps extends IMaskHOCProps {
|
|
|
15
15
|
value?: string | number;
|
|
16
16
|
permissionAttr?: PermissionAttr;
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
hint?: string
|
|
18
|
+
hint?: string;
|
|
19
19
|
hintPosition?: 'below' | 'onLabelRight';
|
|
20
20
|
themePopover?: 'light' | 'dark';
|
|
21
21
|
popoverAlign?: 'right' | 'left';
|
|
@@ -30,7 +30,7 @@ interface IBaseNumberProps extends IMaskHOCProps {
|
|
|
30
30
|
interface ICurrencyProps extends IMaskHOCProps {
|
|
31
31
|
currencySymbol?: string;
|
|
32
32
|
displayCurrencySymbol?: boolean;
|
|
33
|
-
hint?: string
|
|
33
|
+
hint?: string;
|
|
34
34
|
hintPosition?: 'below' | 'onLabelRight';
|
|
35
35
|
themePopover?: 'light' | 'dark';
|
|
36
36
|
popoverAlign?: 'right' | 'left';
|
|
@@ -6,7 +6,7 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
-
import '../../
|
|
9
|
+
import '../../tooltip/types.js';
|
|
10
10
|
import '../../@types/Position.js';
|
|
11
11
|
|
|
12
12
|
declare const Dialog: ({ onOpenChange, handlerClose, children, dialogSize }: IDialogProps) => JSX.Element;
|
|
@@ -6,7 +6,7 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
-
import '../../
|
|
9
|
+
import '../../tooltip/types.js';
|
|
10
10
|
import '../../@types/Position.js';
|
|
11
11
|
|
|
12
12
|
declare const Dropdown: (props: IPeriodDropdownProps) => React.ReactPortal;
|
|
@@ -6,7 +6,7 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
-
import '../../
|
|
9
|
+
import '../../tooltip/types.js';
|
|
10
10
|
import '../../@types/Position.js';
|
|
11
11
|
|
|
12
12
|
declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => JSX.Element;
|
|
@@ -6,7 +6,7 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
-
import '../../
|
|
9
|
+
import '../../tooltip/types.js';
|
|
10
10
|
import '../../@types/Position.js';
|
|
11
11
|
|
|
12
12
|
declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: {
|
|
@@ -6,7 +6,7 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
-
import '../../
|
|
9
|
+
import '../../tooltip/types.js';
|
|
10
10
|
import '../../@types/Position.js';
|
|
11
11
|
|
|
12
12
|
declare const PeriodPicker: (props: IPeriodPickerProps) => JSX.Element | null;
|