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
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { T as TextFieldInputProps } from './index-3b70931d.js';
|
|
3
|
+
import { FactoryOpts } from 'imask';
|
|
4
|
+
|
|
5
|
+
interface MaskFieldProps extends TextFieldInputProps {
|
|
6
|
+
maskOptions?: FactoryOpts;
|
|
7
|
+
onAccept?: (value: string) => void;
|
|
8
|
+
onComplete?: (value: string, maskRef: any, e?: InputEvent) => void;
|
|
9
|
+
onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
10
|
+
autoCompleteMask?: string;
|
|
11
|
+
value?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const Input: React__default.ForwardRefExoticComponent<MaskFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
14
|
+
|
|
15
|
+
declare const BaseMask_Input: typeof Input;
|
|
16
|
+
type BaseMask_MaskFieldProps = MaskFieldProps;
|
|
17
|
+
declare namespace BaseMask {
|
|
18
|
+
export {
|
|
19
|
+
BaseMask_Input as Input,
|
|
20
|
+
BaseMask_MaskFieldProps as MaskFieldProps,
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export { BaseMask as B, Input as I, MaskFieldProps as M };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
|
|
3
|
+
|
|
4
|
+
interface CnpjFieldProps extends MaskFieldProps {
|
|
5
|
+
onValidate?: (errors: string[]) => void;
|
|
6
|
+
}
|
|
7
|
+
declare const Input: React__default.ForwardRefExoticComponent<CnpjFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
8
|
+
|
|
9
|
+
type Cnpj_CnpjFieldProps = CnpjFieldProps;
|
|
10
|
+
declare const Cnpj_Input: typeof Input;
|
|
11
|
+
declare namespace Cnpj {
|
|
12
|
+
export {
|
|
13
|
+
Cnpj_CnpjFieldProps as CnpjFieldProps,
|
|
14
|
+
Cnpj_Input as Input,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { Cnpj as C, Input as I, CnpjFieldProps as a };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
|
|
3
|
+
|
|
4
|
+
interface CpfFieldProps extends MaskFieldProps {
|
|
5
|
+
onValidate?: (errors: string[]) => void;
|
|
6
|
+
}
|
|
7
|
+
declare const Input: React__default.ForwardRefExoticComponent<CpfFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
8
|
+
|
|
9
|
+
type Cpf_CpfFieldProps = CpfFieldProps;
|
|
10
|
+
declare const Cpf_Input: typeof Input;
|
|
11
|
+
declare namespace Cpf {
|
|
12
|
+
export {
|
|
13
|
+
Cpf_CpfFieldProps as CpfFieldProps,
|
|
14
|
+
Cpf_Input as Input,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { Cpf as C, Input as I, CpfFieldProps as a };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
|
|
3
|
+
|
|
4
|
+
interface PhoneFieldProps extends MaskFieldProps {
|
|
5
|
+
isCellphone?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const Input: React__default.ForwardRefExoticComponent<PhoneFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
8
|
+
|
|
9
|
+
declare const Phone_Input: typeof Input;
|
|
10
|
+
type Phone_PhoneFieldProps = PhoneFieldProps;
|
|
11
|
+
declare namespace Phone {
|
|
12
|
+
export {
|
|
13
|
+
Phone_Input as Input,
|
|
14
|
+
Phone_PhoneFieldProps as PhoneFieldProps,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export { Input as I, Phone as P, PhoneFieldProps as a };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { M as MaskFieldProps } from './BaseMask-0c14ef51.js';
|
|
3
|
+
|
|
4
|
+
declare const Input: React__default.ForwardRefExoticComponent<MaskFieldProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
|
|
6
|
+
declare const ZipCode_Input: typeof Input;
|
|
7
|
+
declare namespace ZipCode {
|
|
8
|
+
export {
|
|
9
|
+
ZipCode_Input as Input,
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export { Input as I, ZipCode as Z };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
@import "colors.scss";
|
|
2
|
+
@import "effects.scss";
|
|
3
|
+
@import "commons.scss";
|
|
4
|
+
@import "fonts.scss";
|
|
5
|
+
|
|
6
|
+
.currency-left-elements {
|
|
7
|
+
.currency-symbol {
|
|
8
|
+
user-select: none;
|
|
9
|
+
margin: 0;
|
|
10
|
+
height: 100%;
|
|
11
|
+
display: flex;
|
|
12
|
+
align-items: center;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
padding: 0px 6px;
|
|
15
|
+
font-size: 14px;
|
|
16
|
+
background-color: $component-bg-default;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
@@ -11,7 +11,7 @@ var _spinner = _interopRequireDefault(require("../spinner"));
|
|
|
11
11
|
var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
|
|
12
12
|
var _permissionValidations = require("../permissionValidations");
|
|
13
13
|
var _tooltip = require("../tooltip");
|
|
14
|
-
const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltip", "tooltipWidth", "tooltipPosition", "buttonRef", "errorMessage", "onDeniedText"];
|
|
14
|
+
const _excluded = ["dropdown", "onClick", "disabled", "iconName", "icon", "targetRef", "tabIndex", "isLoading", "label", "showDropdown", "getDropdownPopup", "isDropdownOpened", "showIconDropdown", "content", "style", "toggleable", "activeIconColor", "iconStyle", "visible", "customClass", "className", "size", "iconAlign", "boxShadow", "transparent", "round", "permissionAttr", "skeletonize", "tooltip", "tooltipWidth", "tooltipPosition", "buttonRef", "errorMessage", "type", "onDeniedText"];
|
|
15
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; }
|
|
@@ -58,6 +58,7 @@ const DefaultButton = _ref => {
|
|
|
58
58
|
tooltipPosition,
|
|
59
59
|
buttonRef,
|
|
60
60
|
errorMessage,
|
|
61
|
+
type = 'button',
|
|
61
62
|
onDeniedText = 'Permissão Negada! Consulte o Administrador do sistema.'
|
|
62
63
|
} = _ref,
|
|
63
64
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -127,6 +128,7 @@ const DefaultButton = _ref => {
|
|
|
127
128
|
};
|
|
128
129
|
if (!visible || onDenied.unvisible) return null;
|
|
129
130
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, _lodash.default.omit(rest, 'dropdownAlign'), {
|
|
131
|
+
type: type,
|
|
130
132
|
style: style,
|
|
131
133
|
onKeyDown: e => {
|
|
132
134
|
if (e && (e.key === 'Enter' || e.key === ' ')) {
|
|
@@ -139,12 +141,20 @@ const DefaultButton = _ref => {
|
|
|
139
141
|
}
|
|
140
142
|
},
|
|
141
143
|
onClick: e => {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
144
|
+
if (type === 'submit') {
|
|
145
|
+
if (isDisabled) {
|
|
146
|
+
e.preventDefault();
|
|
147
|
+
return;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
if (type !== 'submit') {
|
|
151
|
+
e.preventDefault();
|
|
152
|
+
if (isDisabled) return;
|
|
153
|
+
// É Necessário que tenha o preventDefault pois foi retirado o disabled do botão, assim evitando que o evento padrão seja disparado.
|
|
154
|
+
if (onClick) onClick(e);
|
|
155
|
+
if (dropdown && showDropdown) showDropdown();
|
|
156
|
+
if (onClick && toggleable) setActiveButton(!activeButton);
|
|
157
|
+
}
|
|
148
158
|
},
|
|
149
159
|
className: `${getClass()} ${activeButton ? '-toggleable' : ''} ${skeletonize ? '-skeletonized' : ''}`,
|
|
150
160
|
ref: r => {
|
package/lib/dialog/base/index.js
CHANGED
|
@@ -29,7 +29,7 @@ const BaseDialog = props => {
|
|
|
29
29
|
children,
|
|
30
30
|
open: openProp,
|
|
31
31
|
onOpenChange,
|
|
32
|
-
zIndex
|
|
32
|
+
zIndex,
|
|
33
33
|
handlerClose
|
|
34
34
|
} = props;
|
|
35
35
|
const {
|
|
@@ -136,7 +136,7 @@ const BaseDialog = props => {
|
|
|
136
136
|
className: "modalcontainer",
|
|
137
137
|
onMouseDown: handleClickOutside,
|
|
138
138
|
style: {
|
|
139
|
-
zIndex: Number(zIndex)
|
|
139
|
+
zIndex: zIndex ? Number(zIndex) : undefined
|
|
140
140
|
}
|
|
141
141
|
}, overlay && /*#__PURE__*/_react.default.createElement("div", {
|
|
142
142
|
className: "modal-overlay",
|
package/lib/form2/index.d.ts
CHANGED
|
@@ -4,6 +4,6 @@ import './types.js';
|
|
|
4
4
|
|
|
5
5
|
interface FormElementProps extends React__default.ComponentProps<'form'> {
|
|
6
6
|
}
|
|
7
|
-
declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "
|
|
7
|
+
declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "className" | "onClick" | "color" | "children" | "style" | "id" | "key" | "slot" | "title" | "name" | "hidden" | "onKeyPress" | "role" | "tabIndex" | "align" | "target" | "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" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
|
|
8
8
|
|
|
9
9
|
export { Form as default };
|
|
@@ -144,18 +144,17 @@ const useForm = _ref => {
|
|
|
144
144
|
const {
|
|
145
145
|
value
|
|
146
146
|
} = event.target;
|
|
147
|
-
const inputValue = !_lodash.default.isNumber(value) ? value : _lodash.default.toNumber(value);
|
|
148
147
|
setValues(prevStateValues => {
|
|
149
148
|
const updatedValues = _lodash.default.cloneDeep(prevStateValues);
|
|
150
|
-
_lodash.default.set(updatedValues, name,
|
|
151
|
-
const hasChanged = !_lodash.default.isEqual(_lodash.default.get(valuesToCompareInChangedRef.current, name),
|
|
149
|
+
_lodash.default.set(updatedValues, name, value);
|
|
150
|
+
const hasChanged = !_lodash.default.isEqual(_lodash.default.get(valuesToCompareInChangedRef.current, name), value);
|
|
152
151
|
setChanged(prevStateChanged => {
|
|
153
152
|
const updatedChangedState = _lodash.default.cloneDeep(prevStateChanged);
|
|
154
153
|
_lodash.default.set(updatedChangedState, name, hasChanged);
|
|
155
154
|
return updatedChangedState;
|
|
156
155
|
});
|
|
157
156
|
if (options.validationMode === 'default' && _lodash.default.get(touched, name)) {
|
|
158
|
-
validateField(name,
|
|
157
|
+
validateField(name, value);
|
|
159
158
|
}
|
|
160
159
|
return updatedValues;
|
|
161
160
|
});
|
package/lib/icons/helper.d.ts
CHANGED
|
@@ -631,6 +631,26 @@ declare const _default: {
|
|
|
631
631
|
viewbox: string;
|
|
632
632
|
paths: string[];
|
|
633
633
|
};
|
|
634
|
+
clipboard: {
|
|
635
|
+
viewbox: string;
|
|
636
|
+
paths: string[];
|
|
637
|
+
};
|
|
638
|
+
square: {
|
|
639
|
+
viewbox: string;
|
|
640
|
+
paths: string[];
|
|
641
|
+
};
|
|
642
|
+
typography: {
|
|
643
|
+
viewbox: string;
|
|
644
|
+
paths: string[];
|
|
645
|
+
};
|
|
646
|
+
shrink: {
|
|
647
|
+
viewbox: string;
|
|
648
|
+
paths: string[];
|
|
649
|
+
};
|
|
650
|
+
minus: {
|
|
651
|
+
viewbox: string;
|
|
652
|
+
paths: string[];
|
|
653
|
+
};
|
|
634
654
|
};
|
|
635
655
|
|
|
636
656
|
export { _default as default };
|
package/lib/icons/helper.js
CHANGED
|
@@ -636,5 +636,25 @@ var _default = exports.default = {
|
|
|
636
636
|
earth: {
|
|
637
637
|
viewbox: '0 0 16 16',
|
|
638
638
|
paths: ['M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zM8 15c-0.984 0-1.92-0.203-2.769-0.57l3.643-4.098c0.081-0.092 0.126-0.21 0.126-0.332v-1.5c0-0.276-0.224-0.5-0.5-0.5-1.765 0-3.628-1.835-3.646-1.854-0.094-0.094-0.221-0.146-0.354-0.146h-2c-0.276 0-0.5 0.224-0.5 0.5v3c0 0.189 0.107 0.363 0.276 0.447l1.724 0.862v2.936c-1.813-1.265-3-3.366-3-5.745 0-1.074 0.242-2.091 0.674-3h1.826c0.133 0 0.26-0.053 0.354-0.146l2-2c0.094-0.094 0.146-0.221 0.146-0.354v-1.21c0.634-0.189 1.305-0.29 2-0.29 1.1 0 2.141 0.254 3.067 0.706-0.065 0.055-0.128 0.112-0.188 0.172-0.567 0.567-0.879 1.32-0.879 2.121s0.312 1.555 0.879 2.121c0.569 0.569 1.332 0.879 2.119 0.879 0.049 0 0.099-0.001 0.149-0.004 0.216 0.809 0.605 2.917-0.131 5.818-0.007 0.027-0.011 0.055-0.013 0.082-1.271 1.298-3.042 2.104-5.002 2.104z']
|
|
639
|
+
},
|
|
640
|
+
clipboard: {
|
|
641
|
+
viewbox: '0 0 16 16',
|
|
642
|
+
paths: ['M14.5 2h-4.5c0-1.105-0.895-2-2-2s-2 0.895-2 2h-4.5c-0.276 0-0.5 0.224-0.5 0.5v13c0 0.276 0.224 0.5 0.5 0.5h13c0.276 0 0.5-0.224 0.5-0.5v-13c0-0.276-0.224-0.5-0.5-0.5zM8 1c0.552 0 1 0.448 1 1s-0.448 1-1 1c-0.552 0-1-0.448-1-1s0.448-1 1-1zM14 15h-12v-12h2v1.5c0 0.276 0.224 0.5 0.5 0.5h7c0.276 0 0.5-0.224 0.5-0.5v-1.5h2v12z', 'M11.5 9h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z', 'M11.5 11h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z', 'M11.5 13h-7c-0.276 0-0.5-0.224-0.5-0.5s0.224-0.5 0.5-0.5h7c0.276 0 0.5 0.224 0.5 0.5s-0.224 0.5-0.5 0.5z']
|
|
643
|
+
},
|
|
644
|
+
square: {
|
|
645
|
+
viewbox: '0 0 16 16',
|
|
646
|
+
paths: ['M0 0h16v16h-16z']
|
|
647
|
+
},
|
|
648
|
+
typography: {
|
|
649
|
+
viewbox: '0 0 16 16',
|
|
650
|
+
paths: ['M1 0v5l2-3h4v13h-2l-1 1h8l-1-1h-2v-13h4l2 3v-5z']
|
|
651
|
+
},
|
|
652
|
+
shrink: {
|
|
653
|
+
viewbox: '0 0 16 16',
|
|
654
|
+
paths: ['M9 7h6.5l-2.5-2.5 3-3-1.5-1.5-3 3-2.5-2.5z', 'M9 9v6.5l2.5-2.5 3 3 1.5-1.5-3-3 2.5-2.5z', 'M7 9h-6.5l2.5 2.5-3 3 1.5 1.5 3-3 2.5 2.5z', 'M7 7v-6.5l-2.5 2.5-3-3-1.5 1.5 3 3-2.5 2.5z']
|
|
655
|
+
},
|
|
656
|
+
minus: {
|
|
657
|
+
viewbox: '0 0 16 16',
|
|
658
|
+
paths: ['M0 5h16v6h-16z']
|
|
639
659
|
}
|
|
640
660
|
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { TextAlign } from './@types/Align.js';
|
|
3
|
+
import { ColorTheme } from './@types/ColorStyles.js';
|
|
4
|
+
import { HintPosition, Position } from './@types/Position.js';
|
|
5
|
+
import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
|
|
6
|
+
import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
|
|
7
|
+
import { ITooltipCommonProps } from './tooltip/types.js';
|
|
8
|
+
|
|
9
|
+
interface TextFieldInputProps extends React__default.ComponentPropsWithoutRef<'input'>, ITooltipCommonProps {
|
|
10
|
+
hint?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
errors?: string[];
|
|
13
|
+
gridLayout?: string;
|
|
14
|
+
customClass?: string;
|
|
15
|
+
customClassLabel?: string;
|
|
16
|
+
customClassWrapper?: string;
|
|
17
|
+
customClassInputContainer?: string;
|
|
18
|
+
rounded?: boolean;
|
|
19
|
+
readOnly?: boolean;
|
|
20
|
+
skeletonize?: boolean;
|
|
21
|
+
labelUppercase?: boolean;
|
|
22
|
+
textAlign?: TextAlign;
|
|
23
|
+
hintPosition?: HintPosition;
|
|
24
|
+
themePopover?: ColorTheme;
|
|
25
|
+
popoverAlign?: Extract<Position, 'left' | 'right'>;
|
|
26
|
+
permissionAttr?: PermissionAttr;
|
|
27
|
+
onDeniedActions?: OnDenied;
|
|
28
|
+
}
|
|
29
|
+
declare const Input: React__default.ForwardRefExoticComponent<TextFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
30
|
+
|
|
31
|
+
declare const index_Input: typeof Input;
|
|
32
|
+
declare const index_LeftSlot: typeof LeftSlot;
|
|
33
|
+
declare const index_RightSlot: typeof RightSlot;
|
|
34
|
+
type index_TextFieldInputProps = TextFieldInputProps;
|
|
35
|
+
declare namespace index {
|
|
36
|
+
export {
|
|
37
|
+
index_Input as Input,
|
|
38
|
+
index_LeftSlot as LeftSlot,
|
|
39
|
+
index_RightSlot as RightSlot,
|
|
40
|
+
index_TextFieldInputProps as TextFieldInputProps,
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { Input as I, TextFieldInputProps as T, index as i };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { Size } from './@types/Size.js';
|
|
3
|
+
import { ColorTheme } from './@types/ColorStyles.js';
|
|
4
|
+
import { ITooltipCommonProps } from './tooltip/types.js';
|
|
5
|
+
import { HintPosition, Position } from './@types/Position.js';
|
|
6
|
+
import { PermissionAttr, OnDenied } from './@types/PermissionAttr.js';
|
|
7
|
+
|
|
8
|
+
type InputHTMLProps = Omit<React__default.ComponentProps<'input'>, 'size' | 'type'>;
|
|
9
|
+
interface CheckboxFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
|
|
10
|
+
hint?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
size?: Exclude<Size, 'mini'>;
|
|
13
|
+
variant?: 'default' | 'secondary';
|
|
14
|
+
errors?: string[];
|
|
15
|
+
gridLayout?: string;
|
|
16
|
+
customClass?: string;
|
|
17
|
+
customClassLabel?: string;
|
|
18
|
+
customClassWrapper?: string;
|
|
19
|
+
customClassInputContainer?: string;
|
|
20
|
+
rounded?: boolean;
|
|
21
|
+
readOnly?: boolean;
|
|
22
|
+
skeletonize?: boolean;
|
|
23
|
+
labelUppercase?: boolean;
|
|
24
|
+
hintPosition?: HintPosition;
|
|
25
|
+
themePopover?: ColorTheme;
|
|
26
|
+
popoverAlign?: Extract<Position, 'left' | 'right'>;
|
|
27
|
+
permissionAttr?: PermissionAttr;
|
|
28
|
+
onDeniedActions?: OnDenied;
|
|
29
|
+
}
|
|
30
|
+
declare const Input: React__default.ForwardRefExoticComponent<Pick<CheckboxFieldInputProps, "className" | "disabled" | "size" | "onClick" | "width" | "height" | "color" | "src" | "children" | "customClass" | "label" | "style" | "id" | "key" | "form" | "slot" | "title" | "pattern" | "name" | "tooltip" | "tooltipPosition" | "tooltipWidth" | "list" | "hidden" | "multiple" | "onKeyPress" | "role" | "tabIndex" | "alt" | "align" | "value" | "readOnly" | "permissionAttr" | "skeletonize" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "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" | "step" | "labelUppercase" | "maxLength" | "required" | "hint" | "hintPosition" | "rounded" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "themePopover" | "popoverAlign" | "checked" | "max" | "min" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "variant"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
31
|
+
|
|
32
|
+
type index_CheckboxFieldInputProps = CheckboxFieldInputProps;
|
|
33
|
+
declare const index_Input: typeof Input;
|
|
34
|
+
declare namespace index {
|
|
35
|
+
export {
|
|
36
|
+
index_CheckboxFieldInputProps as CheckboxFieldInputProps,
|
|
37
|
+
index_Input as Input,
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
export { CheckboxFieldInputProps as C, Input as I, index as i };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { RadioFieldInputProps } from './inputs2/radiofield/types.js';
|
|
3
|
+
|
|
4
|
+
declare const Input: React__default.ForwardRefExoticComponent<Pick<RadioFieldInputProps, "className" | "disabled" | "size" | "onClick" | "width" | "height" | "color" | "src" | "children" | "customClass" | "label" | "style" | "id" | "key" | "form" | "slot" | "title" | "pattern" | "name" | "tooltip" | "tooltipPosition" | "tooltipWidth" | "list" | "hidden" | "onKeyPress" | "role" | "tabIndex" | "alt" | "align" | "value" | "readOnly" | "permissionAttr" | "skeletonize" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "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" | "step" | "labelUppercase" | "maxLength" | "required" | "hint" | "hintPosition" | "textAlign" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "themePopover" | "popoverAlign" | "checked" | "max" | "min" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "getFieldValue"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
5
|
+
|
|
6
|
+
declare const index_Input: typeof Input;
|
|
7
|
+
declare const index_RadioFieldInputProps: typeof RadioFieldInputProps;
|
|
8
|
+
declare namespace index {
|
|
9
|
+
export {
|
|
10
|
+
index_Input as Input,
|
|
11
|
+
index_RadioFieldInputProps as RadioFieldInputProps,
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { Input as I, index as i };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
|
|
3
|
+
import { T as TextFieldInputProps } from './index-3b70931d.js';
|
|
4
|
+
|
|
5
|
+
interface ColorFieldInputProps extends TextFieldInputProps {
|
|
6
|
+
isTypeText?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const Input: React__default.ForwardRefExoticComponent<ColorFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
9
|
+
|
|
10
|
+
type index_ColorFieldInputProps = ColorFieldInputProps;
|
|
11
|
+
declare const index_Input: typeof Input;
|
|
12
|
+
declare const index_LeftSlot: typeof LeftSlot;
|
|
13
|
+
declare const index_RightSlot: typeof RightSlot;
|
|
14
|
+
declare namespace index {
|
|
15
|
+
export {
|
|
16
|
+
index_ColorFieldInputProps as ColorFieldInputProps,
|
|
17
|
+
index_Input as Input,
|
|
18
|
+
index_LeftSlot as LeftSlot,
|
|
19
|
+
index_RightSlot as RightSlot,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { ColorFieldInputProps as C, Input as I, index as i };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
|
|
3
|
+
import { Item } from './inputs2/selectfield/item.js';
|
|
4
|
+
import { SelectFieldInputProps } from './inputs2/selectfield/types.js';
|
|
5
|
+
|
|
6
|
+
declare const Input: React__default.ForwardRefExoticComponent<Pick<SelectFieldInputProps, "className" | "disabled" | "size" | "onClick" | "width" | "height" | "color" | "src" | "children" | "customClass" | "label" | "style" | "id" | "key" | "form" | "slot" | "title" | "pattern" | "name" | "tooltip" | "tooltipPosition" | "tooltipWidth" | "list" | "hidden" | "multiple" | "onKeyPress" | "role" | "tabIndex" | "alt" | "align" | "value" | "readOnly" | "permissionAttr" | "skeletonize" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "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" | "step" | "maxLength" | "required" | "hint" | "hintPosition" | "textAlign" | "onDeniedActions" | "gridLayout" | "accept" | "autoComplete" | "themePopover" | "popoverAlign" | "checked" | "showClearButton" | "searchOnDropdown" | "undigitable" | "openDropdownOnFocus" | "onSearch" | "striped" | "max" | "min" | "errors" | "capture" | "crossOrigin" | "enterKeyHint" | "minLength" | "customClassLabel" | "customClassWrapper" | "customClassInputContainer" | "externalSearch" | "notFoundFilterLabel" | "searchInputPlaceholder" | "multipleInputLabelEmpty" | "multipleInputLabelManySelection" | "dropdownAlignButton"> & React__default.RefAttributes<HTMLInputElement>>;
|
|
7
|
+
|
|
8
|
+
declare const index_Input: typeof Input;
|
|
9
|
+
declare const index_Item: typeof Item;
|
|
10
|
+
declare const index_LeftSlot: typeof LeftSlot;
|
|
11
|
+
declare const index_RightSlot: typeof RightSlot;
|
|
12
|
+
declare const index_SelectFieldInputProps: typeof SelectFieldInputProps;
|
|
13
|
+
declare namespace index {
|
|
14
|
+
export {
|
|
15
|
+
index_Input as Input,
|
|
16
|
+
index_Item as Item,
|
|
17
|
+
index_LeftSlot as LeftSlot,
|
|
18
|
+
index_RightSlot as RightSlot,
|
|
19
|
+
index_SelectFieldInputProps as SelectFieldInputProps,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { Input as I, index as i };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { LeftSlot, RightSlot } from './inputs2/slot/index.js';
|
|
3
|
+
import { Decimal } from './inputs2/numberfield/decimal.js';
|
|
4
|
+
import { Currency } from './inputs2/numberfield/currency.js';
|
|
5
|
+
import { NumberFieldInputProps, CurrencyFieldInputProps, DecimalFieldInputProps } from './inputs2/numberfield/types.js';
|
|
6
|
+
|
|
7
|
+
declare const Input: React__default.ForwardRefExoticComponent<NumberFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
8
|
+
|
|
9
|
+
declare const index_Currency: typeof Currency;
|
|
10
|
+
declare const index_CurrencyFieldInputProps: typeof CurrencyFieldInputProps;
|
|
11
|
+
declare const index_Decimal: typeof Decimal;
|
|
12
|
+
declare const index_DecimalFieldInputProps: typeof DecimalFieldInputProps;
|
|
13
|
+
declare const index_Input: typeof Input;
|
|
14
|
+
declare const index_LeftSlot: typeof LeftSlot;
|
|
15
|
+
declare const index_NumberFieldInputProps: typeof NumberFieldInputProps;
|
|
16
|
+
declare const index_RightSlot: typeof RightSlot;
|
|
17
|
+
declare namespace index {
|
|
18
|
+
export {
|
|
19
|
+
index_Currency as Currency,
|
|
20
|
+
index_CurrencyFieldInputProps as CurrencyFieldInputProps,
|
|
21
|
+
index_Decimal as Decimal,
|
|
22
|
+
index_DecimalFieldInputProps as DecimalFieldInputProps,
|
|
23
|
+
index_Input as Input,
|
|
24
|
+
index_LeftSlot as LeftSlot,
|
|
25
|
+
index_NumberFieldInputProps as NumberFieldInputProps,
|
|
26
|
+
index_RightSlot as RightSlot,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export { Input as I, index as i };
|
|
@@ -13,7 +13,7 @@ var _permissionValidations = require("../../permissionValidations");
|
|
|
13
13
|
var _hint = _interopRequireDefault(require("../../hint"));
|
|
14
14
|
var _errorMessage = require("../errorMessage");
|
|
15
15
|
var _textContent = _interopRequireDefault(require("../../textContent"));
|
|
16
|
-
var _popover =
|
|
16
|
+
var _popover = _interopRequireWildcard(require("../../popover"));
|
|
17
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); }
|
|
@@ -237,7 +237,9 @@ const InputTextBase = props => {
|
|
|
237
237
|
height: 'auto',
|
|
238
238
|
width: 20
|
|
239
239
|
}
|
|
240
|
-
},
|
|
240
|
+
}, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
|
|
241
|
+
text: hint
|
|
242
|
+
})))), /*#__PURE__*/_react.default.createElement(_textContent.default, null)), /*#__PURE__*/_react.default.createElement("div", {
|
|
241
243
|
"data-testid": "testInputWrapper",
|
|
242
244
|
style: styleForWrapper,
|
|
243
245
|
className: helpers.getInputWrapperClass(_objectSpread(_objectSpread({}, props), {}, {
|
|
@@ -63,7 +63,7 @@ interface IBaseProps extends ITooltipCommonProps {
|
|
|
63
63
|
requiredError?: boolean;
|
|
64
64
|
inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
|
|
65
65
|
inputBaseRef?: RefObject<HTMLDivElement> | ((ref: HTMLDivElement) => void);
|
|
66
|
-
hint?: string
|
|
66
|
+
hint?: string;
|
|
67
67
|
hintPosition?: 'below' | 'onLabelRight';
|
|
68
68
|
textAlign?: TextAlign;
|
|
69
69
|
rounded?: boolean;
|
|
@@ -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';
|
|
@@ -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';
|
|
@@ -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';
|