linear-react-components-ui 1.1.24-beta.2 → 1.1.24-beta.4
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/BaseMask-0c14ef51.d.ts +24 -0
- package/lib/Cnpj-bde01dd0.d.ts +18 -0
- package/lib/Cpf-3fa496ad.d.ts +18 -0
- package/lib/Phone-2bb0b397.d.ts +18 -0
- package/lib/ZipCode-09460e18.d.ts +13 -0
- package/lib/assets/styles/numberfield.scss +18 -0
- package/lib/buttons/DefaultButton.js +17 -7
- package/lib/dialog/base/index.js +2 -2
- package/lib/form2/index.d.ts +1 -1
- package/lib/form2/useForm/index.js +3 -4
- package/lib/icons/helper.d.ts +20 -0
- package/lib/icons/helper.js +20 -0
- package/lib/index-3b70931d.d.ts +44 -0
- package/lib/index-789dd9a5.d.ts +41 -0
- package/lib/index-7ad68789.d.ts +15 -0
- package/lib/index-9e576346.d.ts +23 -0
- package/lib/index-c512803d.d.ts +23 -0
- package/lib/index-ecafc8c6.d.ts +30 -0
- package/lib/inputs/base/InputTextBase.js +4 -2
- package/lib/inputs/base/types.d.ts +1 -1
- package/lib/inputs/color/types.d.ts +1 -1
- package/lib/inputs/date/types.d.ts +1 -1
- package/lib/inputs/file/DefaultFile.js +1 -1
- package/lib/inputs/mask/types.d.ts +1 -1
- package/lib/inputs/multiSelect/types.d.ts +1 -1
- package/lib/inputs/number/types.d.ts +2 -2
- package/lib/inputs2/checkboxfield/index.d.ts +1 -1
- package/lib/inputs2/checkboxfield/index.js +6 -2
- package/lib/inputs2/colorfield/index.d.ts +2 -2
- package/lib/inputs2/date/base/index.js +6 -2
- package/lib/inputs2/date/datefield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/dateperiodfield/calendarbox.d.ts +1 -1
- package/lib/inputs2/date/dateperiodfield/calendarbox.js +0 -28
- package/lib/inputs2/index.d.ts +15 -15
- package/lib/inputs2/index.js +7 -13
- package/lib/inputs2/mask/BaseMask.d.ts +2 -2
- package/lib/inputs2/mask/Cnpj.d.ts +3 -3
- package/lib/inputs2/mask/Cpf.d.ts +3 -3
- package/lib/inputs2/mask/Phone.d.ts +3 -3
- package/lib/inputs2/mask/ZipCode.d.ts +3 -3
- package/lib/inputs2/numberfield/currency.d.ts +13 -0
- package/lib/inputs2/{number/BaseNumber.js → numberfield/currency.js} +63 -58
- package/lib/inputs2/numberfield/decimal.d.ts +13 -0
- package/lib/inputs2/numberfield/decimal.js +85 -0
- package/lib/inputs2/numberfield/helpers.d.ts +30 -0
- package/lib/inputs2/numberfield/helpers.js +53 -0
- package/lib/inputs2/numberfield/index.d.ts +12 -0
- package/lib/inputs2/numberfield/index.js +104 -0
- package/lib/inputs2/numberfield/types.d.ts +36 -0
- package/lib/inputs2/numberfield/types.js +5 -0
- package/lib/inputs2/radiofield/index.d.ts +1 -1
- package/lib/inputs2/selectfield/index.d.ts +1 -1
- package/lib/inputs2/selectfield/index.js +7 -5
- package/lib/inputs2/selectfield/item.d.ts +1 -1
- package/lib/inputs2/selectfield/listbox.d.ts +1 -1
- package/lib/inputs2/selectfield/search.d.ts +1 -1
- package/lib/inputs2/selectfield/selections.d.ts +1 -1
- package/lib/inputs2/selectfield/types.d.ts +1 -1
- package/lib/inputs2/slot/index.d.ts +2 -2
- package/lib/inputs2/textfield/index.d.ts +1 -1
- package/lib/inputs2/textfield/index.js +12 -9
- package/lib/popover/PopoverText.js +11 -2
- package/lib/popover/index.js +1 -0
- package/lib/popover/types.d.ts +1 -0
- package/package.json +1 -1
- package/lib/BaseMask-4885b7c4.d.ts +0 -24
- package/lib/BaseNumber-ba047ec3.d.ts +0 -23
- package/lib/Cnpj-501f8fed.d.ts +0 -18
- package/lib/Cpf-0e03d85a.d.ts +0 -18
- package/lib/Currency-d8dae30c.d.ts +0 -18
- package/lib/Decimal-deda637f.d.ts +0 -13
- package/lib/Number-4783f0de.d.ts +0 -20
- package/lib/Phone-99e92c22.d.ts +0 -18
- package/lib/ZipCode-3d092264.d.ts +0 -13
- package/lib/index-6f287e6c.d.ts +0 -23
- package/lib/index-a0c1207e.d.ts +0 -15
- package/lib/index-a68cfaf7.d.ts +0 -23
- package/lib/index-f6f0d3a8.d.ts +0 -44
- package/lib/index-f9981b49.d.ts +0 -41
- package/lib/inputs2/number/BaseNumber.d.ts +0 -10
- package/lib/inputs2/number/Currency.d.ts +0 -11
- package/lib/inputs2/number/Currency.js +0 -47
- package/lib/inputs2/number/Decimal.d.ts +0 -11
- package/lib/inputs2/number/Decimal.js +0 -36
- package/lib/inputs2/number/Number.d.ts +0 -9
- package/lib/inputs2/number/Number.js +0 -49
- package/lib/inputs2/number/format_number.d.ts +0 -5
- package/lib/inputs2/number/format_number.js +0 -29
|
@@ -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';
|
|
@@ -4,4 +4,4 @@ import '../../@types/ColorStyles.js';
|
|
|
4
4
|
import '../../tooltip/types.js';
|
|
5
5
|
import '../../@types/Position.js';
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
|
-
export { C as CheckboxFieldInputProps, I as Input } from '../../index-
|
|
7
|
+
export { C as CheckboxFieldInputProps, I as Input } from '../../index-789dd9a5.js';
|
|
@@ -10,10 +10,12 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
10
10
|
var _hint = _interopRequireDefault(require("../../hint"));
|
|
11
11
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
12
12
|
var _gridlayout = _interopRequireDefault(require("../../gridlayout"));
|
|
13
|
-
var _popover =
|
|
13
|
+
var _popover = _interopRequireWildcard(require("../../popover"));
|
|
14
14
|
var _tooltip = require("../../tooltip");
|
|
15
15
|
var _permissionValidations = require("../../permissionValidations");
|
|
16
16
|
const _excluded = ["name", "label", "errors", "onChange", "size", "onDeniedActions", "permissionAttr", "variant", "customClass", "customClassLabel", "customClassWrapper", "labelUppercase", "rounded", "customClassInputContainer", "skeletonize", "hintPosition", "gridLayout", "themePopover", "popoverAlign", "tooltip", "tooltipPosition", "tooltipWidth"];
|
|
17
|
+
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); }
|
|
18
|
+
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; }
|
|
17
19
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
20
|
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
21
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
@@ -120,7 +122,9 @@ const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref
|
|
|
120
122
|
theme: themePopover,
|
|
121
123
|
align: popoverAlign,
|
|
122
124
|
iconColor: "#03bde2"
|
|
123
|
-
},
|
|
125
|
+
}, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
|
|
126
|
+
text: props?.hint
|
|
127
|
+
}))), hintPosition === 'below' && /*#__PURE__*/_react.default.createElement(_hint.default, {
|
|
124
128
|
customClass: "hint",
|
|
125
129
|
description: props.hint,
|
|
126
130
|
disabled: isDisabled,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
2
|
export { LeftSlot, RightSlot } from '../slot/index.js';
|
|
3
|
-
import '../../index-
|
|
4
|
-
export { C as ColorFieldInputProps, I as Input } from '../../index-
|
|
3
|
+
import '../../index-3b70931d.js';
|
|
4
|
+
export { C as ColorFieldInputProps, I as Input } from '../../index-9e576346.js';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/ColorStyles.js';
|
|
7
7
|
import '../../@types/Position.js';
|
|
@@ -7,12 +7,14 @@ exports.Triggers = exports.Root = exports.Label = exports.Input = exports.Contai
|
|
|
7
7
|
require("../../../assets/styles/datepicker2.scss");
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _icons = _interopRequireDefault(require("../../../icons"));
|
|
10
|
-
var _popover =
|
|
10
|
+
var _popover = _interopRequireWildcard(require("../../../popover"));
|
|
11
11
|
const _excluded = ["children", "customClassWrapper", "hasValidationErrors"],
|
|
12
12
|
_excluded2 = ["hint", "label", "inputId", "isDisabled", "isReadOnly", "required", "hasHintMessages", "labelUppercase", "skeletonize", "hintPosition", "themePopover", "popoverAlign", "customClassLabel"],
|
|
13
13
|
_excluded3 = ["children", "skeletonize", "customClassInputContainer"],
|
|
14
14
|
_excluded4 = ["customClass"],
|
|
15
15
|
_excluded5 = ["children", "isReadOnly", "isDisabled", "skeletonize", "inputFieldId", "calendarBoxOpen", "showCalendarButton", "showClearButton", "onClearSelectedDate", "onClickTriggerCalendar", "hasValidDateSelection", "hasValidPeriodSelected", "clearButtonTestId", "calendarButtonTestId"];
|
|
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
|
+
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; }
|
|
16
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
19
|
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); }
|
|
18
20
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
@@ -66,7 +68,9 @@ const Label = exports.Label = /*#__PURE__*/_react.default.forwardRef((props, ref
|
|
|
66
68
|
theme: themePopover,
|
|
67
69
|
align: popoverAlign,
|
|
68
70
|
iconColor: "#03bde2"
|
|
69
|
-
},
|
|
71
|
+
}, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
|
|
72
|
+
text: hint
|
|
73
|
+
})));
|
|
70
74
|
});
|
|
71
75
|
Label.displayName = 'BaseDateLabel';
|
|
72
76
|
const Container = exports.Container = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
@@ -2,6 +2,6 @@ import React__default from 'react';
|
|
|
2
2
|
|
|
3
3
|
interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
|
|
4
4
|
}
|
|
5
|
-
declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "
|
|
5
|
+
declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "className" | "onClick" | "color" | "children" | "style" | "id" | "key" | "slot" | "title" | "hidden" | "onKeyPress" | "role" | "tabIndex" | "align" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
|
|
7
7
|
export { CalendarBox, DateFieldCalendarBoxProps };
|
|
@@ -2,6 +2,6 @@ import React__default from 'react';
|
|
|
2
2
|
|
|
3
3
|
interface DateFieldCalendarBoxProps extends React__default.ComponentProps<'div'> {
|
|
4
4
|
}
|
|
5
|
-
declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "
|
|
5
|
+
declare const CalendarBox: React__default.ForwardRefExoticComponent<Pick<DateFieldCalendarBoxProps, "className" | "onClick" | "color" | "children" | "style" | "id" | "key" | "slot" | "title" | "hidden" | "onKeyPress" | "role" | "tabIndex" | "align" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
|
|
7
7
|
export { CalendarBox, DateFieldCalendarBoxProps };
|
|
@@ -27,7 +27,6 @@ const CalendarBox = exports.CalendarBox = /*#__PURE__*/_react.default.forwardRef
|
|
|
27
27
|
handleChangeUpdateDateState,
|
|
28
28
|
handleChangeActiveDescendant
|
|
29
29
|
} = (0, _context.useDatePeriodFieldContext)();
|
|
30
|
-
// const [calendarBoxStyles, setCalendarBoxStyles] = React.useState<React.CSSProperties>({});
|
|
31
30
|
const {
|
|
32
31
|
calendarBoxStyles
|
|
33
32
|
} = (0, _constants.useCalendarPosition)(calendarBoxOpen, dateContainerRef);
|
|
@@ -50,33 +49,6 @@ const CalendarBox = exports.CalendarBox = /*#__PURE__*/_react.default.forwardRef
|
|
|
50
49
|
handleChangeActiveDescendant(daySelected.format(_helpers.TOKEN_ISO_FORMAT));
|
|
51
50
|
}
|
|
52
51
|
};
|
|
53
|
-
|
|
54
|
-
// React.useEffect(() => {
|
|
55
|
-
// const updatePosition = () => {
|
|
56
|
-
// const selectPositionOnScreen = dateContainerRef.current?.getBoundingClientRect();
|
|
57
|
-
// if (selectPositionOnScreen) {
|
|
58
|
-
// const { top, left, width, height } = selectPositionOnScreen;
|
|
59
|
-
// setCalendarBoxStyles({
|
|
60
|
-
// top: top + height + window.scrollY,
|
|
61
|
-
// left: left + window.scrollX,
|
|
62
|
-
// width: width,
|
|
63
|
-
// position: 'absolute',
|
|
64
|
-
// });
|
|
65
|
-
// }
|
|
66
|
-
// };
|
|
67
|
-
|
|
68
|
-
// if (calendarBoxOpen) {
|
|
69
|
-
// updatePosition();
|
|
70
|
-
// window.addEventListener('resize', updatePosition);
|
|
71
|
-
// window.addEventListener('scroll', updatePosition, true);
|
|
72
|
-
// }
|
|
73
|
-
|
|
74
|
-
// return () => {
|
|
75
|
-
// window.removeEventListener('resize', updatePosition);
|
|
76
|
-
// window.removeEventListener('scroll', updatePosition, true);
|
|
77
|
-
// };
|
|
78
|
-
// }, [calendarBoxOpen, dateContainerRef]);
|
|
79
|
-
|
|
80
52
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
81
53
|
ref: ref,
|
|
82
54
|
style: calendarBoxStyles,
|
package/lib/inputs2/index.d.ts
CHANGED
|
@@ -1,19 +1,16 @@
|
|
|
1
|
-
export { i as TextField } from '../index-
|
|
1
|
+
export { i as TextField } from '../index-3b70931d.js';
|
|
2
|
+
export { i as NumberField } from '../index-ecafc8c6.js';
|
|
2
3
|
export { i as DateField } from '../index-368f781f.js';
|
|
3
|
-
export { i as RadioField } from '../index-
|
|
4
|
-
export { i as SelectField } from '../index-
|
|
5
|
-
export { i as
|
|
4
|
+
export { i as RadioField } from '../index-7ad68789.js';
|
|
5
|
+
export { i as SelectField } from '../index-c512803d.js';
|
|
6
|
+
export { i as ColorField } from '../index-9e576346.js';
|
|
7
|
+
export { B as MaskField } from '../BaseMask-0c14ef51.js';
|
|
8
|
+
export { C as CpfField } from '../Cpf-3fa496ad.js';
|
|
9
|
+
export { C as CnpjField } from '../Cnpj-bde01dd0.js';
|
|
10
|
+
export { P as PhoneField } from '../Phone-2bb0b397.js';
|
|
11
|
+
export { Z as ZipCodeField } from '../ZipCode-09460e18.js';
|
|
12
|
+
export { i as CheckboxField } from '../index-789dd9a5.js';
|
|
6
13
|
export { i as DatePeriodField } from '../index-c9247c1f.js';
|
|
7
|
-
export { i as ColorField } from '../index-6f287e6c.js';
|
|
8
|
-
export { B as BaseMaskNumber } from '../BaseNumber-ba047ec3.js';
|
|
9
|
-
export { N as NumberField } from '../Number-4783f0de.js';
|
|
10
|
-
export { D as DecimalField } from '../Decimal-deda637f.js';
|
|
11
|
-
export { C as CurrencyField } from '../Currency-d8dae30c.js';
|
|
12
|
-
export { B as MaskField } from '../BaseMask-4885b7c4.js';
|
|
13
|
-
export { C as CpfField } from '../Cpf-0e03d85a.js';
|
|
14
|
-
export { C as CnpjField } from '../Cnpj-501f8fed.js';
|
|
15
|
-
export { P as PhoneField } from '../Phone-99e92c22.js';
|
|
16
|
-
export { Z as ZipCodeField } from '../ZipCode-3d092264.js';
|
|
17
14
|
import 'react';
|
|
18
15
|
import '../@types/Align.js';
|
|
19
16
|
import '../@types/ColorStyles.js';
|
|
@@ -21,6 +18,9 @@ import '../@types/Position.js';
|
|
|
21
18
|
import '../@types/PermissionAttr.js';
|
|
22
19
|
import './slot/index.js';
|
|
23
20
|
import '../tooltip/types.js';
|
|
21
|
+
import './numberfield/decimal.js';
|
|
22
|
+
import './numberfield/types.js';
|
|
23
|
+
import './numberfield/currency.js';
|
|
24
24
|
import './date/datefield/types.js';
|
|
25
25
|
import 'moment';
|
|
26
26
|
import './date/types.js';
|
|
@@ -28,5 +28,5 @@ import './radiofield/types.js';
|
|
|
28
28
|
import '../@types/Size.js';
|
|
29
29
|
import './selectfield/item.js';
|
|
30
30
|
import './selectfield/types.js';
|
|
31
|
-
import './date/dateperiodfield/types.js';
|
|
32
31
|
import 'imask';
|
|
32
|
+
import './date/dateperiodfield/types.js';
|
package/lib/inputs2/index.js
CHANGED
|
@@ -3,29 +3,19 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.ZipCodeField = exports.TextField = exports.SelectField = exports.RadioField = exports.PhoneField = exports.NumberField = exports.MaskField = exports.
|
|
6
|
+
exports.ZipCodeField = exports.TextField = exports.SelectField = exports.RadioField = exports.PhoneField = exports.NumberField = exports.MaskField = exports.DatePeriodField = exports.DateField = exports.CpfField = exports.ColorField = exports.CnpjField = exports.CheckboxField = void 0;
|
|
7
7
|
var TextField = _interopRequireWildcard(require("./textfield"));
|
|
8
8
|
exports.TextField = TextField;
|
|
9
|
+
var NumberField = _interopRequireWildcard(require("./numberfield"));
|
|
10
|
+
exports.NumberField = NumberField;
|
|
9
11
|
var DateField = _interopRequireWildcard(require("./date/datefield"));
|
|
10
12
|
exports.DateField = DateField;
|
|
11
13
|
var RadioField = _interopRequireWildcard(require("./radiofield"));
|
|
12
14
|
exports.RadioField = RadioField;
|
|
13
15
|
var SelectField = _interopRequireWildcard(require("./selectfield"));
|
|
14
16
|
exports.SelectField = SelectField;
|
|
15
|
-
var CheckboxField = _interopRequireWildcard(require("./checkboxfield"));
|
|
16
|
-
exports.CheckboxField = CheckboxField;
|
|
17
|
-
var DatePeriodField = _interopRequireWildcard(require("./date/dateperiodfield"));
|
|
18
|
-
exports.DatePeriodField = DatePeriodField;
|
|
19
17
|
var ColorField = _interopRequireWildcard(require("./colorfield"));
|
|
20
18
|
exports.ColorField = ColorField;
|
|
21
|
-
var BaseMaskNumber = _interopRequireWildcard(require("./number/BaseNumber"));
|
|
22
|
-
exports.BaseMaskNumber = BaseMaskNumber;
|
|
23
|
-
var NumberField = _interopRequireWildcard(require("./number/Number"));
|
|
24
|
-
exports.NumberField = NumberField;
|
|
25
|
-
var DecimalField = _interopRequireWildcard(require("./number/Decimal"));
|
|
26
|
-
exports.DecimalField = DecimalField;
|
|
27
|
-
var CurrencyField = _interopRequireWildcard(require("./number/Currency"));
|
|
28
|
-
exports.CurrencyField = CurrencyField;
|
|
29
19
|
var MaskField = _interopRequireWildcard(require("./mask/BaseMask"));
|
|
30
20
|
exports.MaskField = MaskField;
|
|
31
21
|
var CpfField = _interopRequireWildcard(require("./mask/Cpf"));
|
|
@@ -36,5 +26,9 @@ var PhoneField = _interopRequireWildcard(require("./mask/Phone"));
|
|
|
36
26
|
exports.PhoneField = PhoneField;
|
|
37
27
|
var ZipCodeField = _interopRequireWildcard(require("./mask/ZipCode"));
|
|
38
28
|
exports.ZipCodeField = ZipCodeField;
|
|
29
|
+
var CheckboxField = _interopRequireWildcard(require("./checkboxfield"));
|
|
30
|
+
exports.CheckboxField = CheckboxField;
|
|
31
|
+
var DatePeriodField = _interopRequireWildcard(require("./date/dateperiodfield"));
|
|
32
|
+
exports.DatePeriodField = DatePeriodField;
|
|
39
33
|
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); }
|
|
40
34
|
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; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import '../../index-
|
|
2
|
+
import '../../index-3b70931d.js';
|
|
3
3
|
import 'imask';
|
|
4
|
-
export { I as Input, M as MaskFieldProps } from '../../BaseMask-
|
|
4
|
+
export { I as Input, M as MaskFieldProps } from '../../BaseMask-0c14ef51.js';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/ColorStyles.js';
|
|
7
7
|
import '../../@types/Position.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import '../../BaseMask-
|
|
3
|
-
export { a as CnpjFieldProps, I as Input } from '../../Cnpj-
|
|
4
|
-
import '../../index-
|
|
2
|
+
import '../../BaseMask-0c14ef51.js';
|
|
3
|
+
export { a as CnpjFieldProps, I as Input } from '../../Cnpj-bde01dd0.js';
|
|
4
|
+
import '../../index-3b70931d.js';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/ColorStyles.js';
|
|
7
7
|
import '../../@types/Position.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import '../../BaseMask-
|
|
3
|
-
export { a as CpfFieldProps, I as Input } from '../../Cpf-
|
|
4
|
-
import '../../index-
|
|
2
|
+
import '../../BaseMask-0c14ef51.js';
|
|
3
|
+
export { a as CpfFieldProps, I as Input } from '../../Cpf-3fa496ad.js';
|
|
4
|
+
import '../../index-3b70931d.js';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/ColorStyles.js';
|
|
7
7
|
import '../../@types/Position.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import '../../BaseMask-
|
|
3
|
-
export { I as Input, a as PhoneFieldProps } from '../../Phone-
|
|
4
|
-
import '../../index-
|
|
2
|
+
import '../../BaseMask-0c14ef51.js';
|
|
3
|
+
export { I as Input, a as PhoneFieldProps } from '../../Phone-2bb0b397.js';
|
|
4
|
+
import '../../index-3b70931d.js';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/ColorStyles.js';
|
|
7
7
|
import '../../@types/Position.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import 'react';
|
|
2
|
-
import '../../BaseMask-
|
|
3
|
-
export { I as Input } from '../../ZipCode-
|
|
4
|
-
import '../../index-
|
|
2
|
+
import '../../BaseMask-0c14ef51.js';
|
|
3
|
+
export { I as Input } from '../../ZipCode-09460e18.js';
|
|
4
|
+
import '../../index-3b70931d.js';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/ColorStyles.js';
|
|
7
7
|
import '../../@types/Position.js';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { CurrencyFieldInputProps } from './types.js';
|
|
3
|
+
import '../../index-3b70931d.js';
|
|
4
|
+
import '../../@types/Align.js';
|
|
5
|
+
import '../../@types/ColorStyles.js';
|
|
6
|
+
import '../../@types/Position.js';
|
|
7
|
+
import '../../@types/PermissionAttr.js';
|
|
8
|
+
import '../slot/index.js';
|
|
9
|
+
import '../../tooltip/types.js';
|
|
10
|
+
|
|
11
|
+
declare const Currency: React__default.ForwardRefExoticComponent<CurrencyFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
12
|
+
|
|
13
|
+
export { Currency };
|
|
@@ -3,16 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
|
|
6
|
+
exports.Currency = void 0;
|
|
7
|
+
require("../../assets/styles/numberfield.scss");
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _lodash = _interopRequireDefault(require("lodash"));
|
|
8
10
|
var _reactImask = require("react-imask");
|
|
9
|
-
var
|
|
11
|
+
var _2 = require("..");
|
|
10
12
|
var _helpers = require("../../form2/helpers");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
_excluded2 = ["scale", "thousandsSeparator", "radix", "normalizeZeros", "padFractionalZeros", "min"];
|
|
14
|
-
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); }
|
|
15
|
-
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
|
+
const _excluded = ["min", "max", "to", "from", "enum", "onChange", "allowNegative", "textAlign", "children", "scale", "normalizeZeros", "padFractionalZeros", "currencySymbol"];
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
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); }
|
|
17
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; }
|
|
18
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; }
|
|
@@ -21,66 +20,72 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
21
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); }
|
|
22
21
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
23
22
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
24
|
-
const
|
|
23
|
+
const Currency = exports.Currency = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
|
|
25
24
|
const {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
min = undefined,
|
|
26
|
+
max = undefined,
|
|
27
|
+
to = undefined,
|
|
28
|
+
from = undefined,
|
|
29
|
+
enum: interval = undefined,
|
|
30
|
+
onChange = null,
|
|
31
|
+
allowNegative = true,
|
|
30
32
|
textAlign = 'right',
|
|
31
|
-
|
|
33
|
+
children = null,
|
|
34
|
+
scale = 2,
|
|
35
|
+
normalizeZeros = false,
|
|
36
|
+
padFractionalZeros = true,
|
|
37
|
+
currencySymbol = 'R$'
|
|
32
38
|
} = props,
|
|
33
39
|
rest = _objectWithoutProperties(props, _excluded);
|
|
34
|
-
const
|
|
35
|
-
const _ref = maskOptions,
|
|
36
|
-
{
|
|
37
|
-
scale = 0,
|
|
38
|
-
thousandsSeparator = '',
|
|
39
|
-
radix = ',',
|
|
40
|
-
normalizeZeros = false,
|
|
41
|
-
padFractionalZeros = false,
|
|
42
|
-
min = 0
|
|
43
|
-
} = _ref,
|
|
44
|
-
restMaskOptions = _objectWithoutProperties(_ref, _excluded2);
|
|
40
|
+
const numberInputRef = _react.default.useRef(null);
|
|
45
41
|
const {
|
|
46
|
-
value,
|
|
47
|
-
setValue:
|
|
48
|
-
|
|
42
|
+
value: maskedValue,
|
|
43
|
+
setValue: setMaskedValue,
|
|
44
|
+
unmaskedValue
|
|
45
|
+
} = (0, _reactImask.useIMask)({
|
|
49
46
|
mask: Number,
|
|
47
|
+
unmask: true,
|
|
48
|
+
min: !_lodash.default.isNil(min) ? min : allowNegative ? undefined : 0,
|
|
49
|
+
enum: interval,
|
|
50
|
+
radix: ',',
|
|
51
|
+
mapToRadix: ['.'],
|
|
52
|
+
thousandsSeparator: '.',
|
|
53
|
+
max,
|
|
54
|
+
to,
|
|
55
|
+
from,
|
|
50
56
|
scale,
|
|
51
|
-
thousandsSeparator,
|
|
52
|
-
radix,
|
|
53
57
|
normalizeZeros,
|
|
54
|
-
padFractionalZeros
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
58
|
+
padFractionalZeros
|
|
59
|
+
}, {
|
|
60
|
+
ref: numberInputRef,
|
|
61
|
+
onAccept: (__, options, event) => {
|
|
62
|
+
const parsedValueToFloat = parseFloat(options.unmaskedValue);
|
|
63
|
+
const valueToReturn = !_lodash.default.isNaN(parsedValueToFloat) ? parsedValueToFloat : 0;
|
|
64
|
+
onChange?.(_objectSpread(_objectSpread({}, event), {}, {
|
|
65
|
+
target: _objectSpread(_objectSpread({}, event?.target), {}, {
|
|
66
|
+
name: props?.name,
|
|
67
|
+
value: valueToReturn
|
|
68
|
+
})
|
|
69
|
+
}));
|
|
60
70
|
}
|
|
61
71
|
});
|
|
62
72
|
_react.default.useEffect(() => {
|
|
63
|
-
const
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
73
|
+
const valueToString = _lodash.default.toString(props?.value);
|
|
74
|
+
if (!_lodash.default.isNil(props?.value) && !_lodash.default.isEqual(parseFloat(valueToString), parseFloat(unmaskedValue))) {
|
|
75
|
+
setMaskedValue(parseFloat(valueToString).toLocaleString('pt-BR'));
|
|
76
|
+
}
|
|
77
|
+
}, [props?.value]);
|
|
78
|
+
return /*#__PURE__*/_react.default.createElement(_2.TextField.Input, _extends({}, rest, {
|
|
79
|
+
ref: (0, _helpers.mergeRefs)(ref, numberInputRef),
|
|
69
80
|
type: "text",
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
onChange: e => {
|
|
80
|
-
if (onChange) onChange(e);
|
|
81
|
-
},
|
|
82
|
-
value: value,
|
|
83
|
-
textAlign: textAlign
|
|
84
|
-
}));
|
|
81
|
+
inputMode: "numeric",
|
|
82
|
+
value: maskedValue,
|
|
83
|
+
textAlign: textAlign,
|
|
84
|
+
onChange: () => {}
|
|
85
|
+
}), /*#__PURE__*/_react.default.createElement(_2.TextField.LeftSlot, {
|
|
86
|
+
className: "currency-left-elements"
|
|
87
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
88
|
+
className: "currency-symbol"
|
|
89
|
+
}, currencySymbol)), children);
|
|
85
90
|
});
|
|
86
|
-
|
|
91
|
+
Currency.displayName = 'CurrencyFieldInput';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { DecimalFieldInputProps } from './types.js';
|
|
3
|
+
import '../../index-3b70931d.js';
|
|
4
|
+
import '../../@types/Align.js';
|
|
5
|
+
import '../../@types/ColorStyles.js';
|
|
6
|
+
import '../../@types/Position.js';
|
|
7
|
+
import '../../@types/PermissionAttr.js';
|
|
8
|
+
import '../slot/index.js';
|
|
9
|
+
import '../../tooltip/types.js';
|
|
10
|
+
|
|
11
|
+
declare const Decimal: React__default.ForwardRefExoticComponent<DecimalFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
12
|
+
|
|
13
|
+
export { Decimal };
|