glints-aries 4.0.319 → 4.0.321
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/es/@next/AuthenticationInput/AuthenticationInput.d.ts +10 -0
- package/es/@next/AuthenticationInput/AuthenticationInput.js +97 -0
- package/es/@next/AuthenticationInput/AuthenticationInput.stories.d.ts +4 -0
- package/es/@next/AuthenticationInput/AuthenticationInputSingle.d.ts +13 -0
- package/es/@next/AuthenticationInput/AuthenticationInputSingle.js +54 -0
- package/es/@next/AuthenticationInput/AuthenticationInputStyle.d.ts +1 -0
- package/es/@next/AuthenticationInput/AuthenticationInputStyle.js +6 -0
- package/es/@next/AuthenticationInput/index.d.ts +1 -0
- package/es/@next/AuthenticationInput/index.js +1 -0
- package/es/@next/DataTable/DataTableStyle.js +1 -1
- package/es/@next/Icon/components/RiLockFill.d.ts +3 -0
- package/es/@next/Icon/components/RiLockFill.js +11 -0
- package/es/@next/Icon/components/RiLockLine.d.ts +3 -0
- package/es/@next/Icon/components/RiLockLine.js +11 -0
- package/es/@next/Icon/components/index.d.ts +2 -0
- package/es/@next/Icon/components/index.js +2 -0
- package/es/@next/Icon/icons/icons.d.ts +1 -1
- package/es/@next/Icon/icons/icons.js +2 -2
- package/es/@next/Input/Input.d.ts +1 -0
- package/es/@next/Input/Input.js +3 -1
- package/es/@next/Input/InputStyle.js +1 -1
- package/es/@next/index.d.ts +2 -0
- package/es/@next/index.js +1 -0
- package/lib/@next/AuthenticationInput/AuthenticationInput.d.ts +10 -0
- package/lib/@next/AuthenticationInput/AuthenticationInput.js +105 -0
- package/lib/@next/AuthenticationInput/AuthenticationInput.stories.d.ts +4 -0
- package/lib/@next/AuthenticationInput/AuthenticationInputSingle.d.ts +13 -0
- package/lib/@next/AuthenticationInput/AuthenticationInputSingle.js +62 -0
- package/lib/@next/AuthenticationInput/AuthenticationInputStyle.d.ts +1 -0
- package/lib/@next/AuthenticationInput/AuthenticationInputStyle.js +12 -0
- package/lib/@next/AuthenticationInput/index.d.ts +1 -0
- package/lib/@next/AuthenticationInput/index.js +9 -0
- package/lib/@next/DataTable/DataTableStyle.js +1 -1
- package/lib/@next/Icon/components/RiLockFill.d.ts +3 -0
- package/lib/@next/Icon/components/RiLockFill.js +19 -0
- package/lib/@next/Icon/components/RiLockLine.d.ts +3 -0
- package/lib/@next/Icon/components/RiLockLine.js +19 -0
- package/lib/@next/Icon/components/index.d.ts +2 -0
- package/lib/@next/Icon/components/index.js +5 -1
- package/lib/@next/Icon/icons/icons.d.ts +1 -1
- package/lib/@next/Icon/icons/icons.js +2 -2
- package/lib/@next/Input/Input.d.ts +1 -0
- package/lib/@next/Input/Input.js +3 -1
- package/lib/@next/Input/InputStyle.js +1 -1
- package/lib/@next/index.d.ts +2 -0
- package/lib/@next/index.js +3 -1
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
|
+
export interface AuthenticationInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
3
|
+
numberOfInputs: number;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
error?: boolean;
|
|
6
|
+
forwardedRef?: RefObject<HTMLDivElement>;
|
|
7
|
+
/** will always return null when not all inputs are filled */
|
|
8
|
+
onChange?: (value: string | null) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const AuthenticationInput: React.ForwardRefExoticComponent<AuthenticationInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
|
|
3
|
+
var _excluded = ["numberOfInputs", "error", "onChange", "forwardedRef"];
|
|
4
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
5
|
+
import { StyledInputsContainer } from './AuthenticationInputStyle';
|
|
6
|
+
import { AuthenticationInputSingle } from './AuthenticationInputSingle';
|
|
7
|
+
var AuthenticationInputComponent = function AuthenticationInputComponent(_ref) {
|
|
8
|
+
var _ref$numberOfInputs = _ref.numberOfInputs,
|
|
9
|
+
numberOfInputs = _ref$numberOfInputs === void 0 ? 6 : _ref$numberOfInputs,
|
|
10
|
+
error = _ref.error,
|
|
11
|
+
onChange = _ref.onChange,
|
|
12
|
+
forwardedRef = _ref.forwardedRef,
|
|
13
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
14
|
+
var _useState = useState(new Array(numberOfInputs).fill('')),
|
|
15
|
+
inputValues = _useState[0],
|
|
16
|
+
setInputValues = _useState[1];
|
|
17
|
+
var _useState2 = useState(0),
|
|
18
|
+
currentIndex = _useState2[0],
|
|
19
|
+
setCurrentIndex = _useState2[1];
|
|
20
|
+
var inputArray = new Array(numberOfInputs).fill('');
|
|
21
|
+
var onChangeRef = useRef(null);
|
|
22
|
+
onChangeRef.current = onChange;
|
|
23
|
+
useEffect(function () {
|
|
24
|
+
if (inputValues.some(function (v) {
|
|
25
|
+
return !Number.isInteger(v);
|
|
26
|
+
})) {
|
|
27
|
+
onChangeRef.current == null ? void 0 : onChangeRef.current(null);
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
onChangeRef.current == null ? void 0 : onChangeRef.current(inputValues.join(''));
|
|
31
|
+
}, [inputValues]);
|
|
32
|
+
var handleOnChange = function handleOnChange(value, index) {
|
|
33
|
+
if (!Number.isInteger(value)) {
|
|
34
|
+
var _newInputValues = [].concat(inputValues);
|
|
35
|
+
_newInputValues[index] = '';
|
|
36
|
+
setInputValues(_newInputValues);
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
var newInputValues = [].concat(inputValues);
|
|
40
|
+
newInputValues[index] = value;
|
|
41
|
+
setInputValues(newInputValues);
|
|
42
|
+
var nextInputIndex = index + 1;
|
|
43
|
+
if (nextInputIndex <= numberOfInputs - 1) {
|
|
44
|
+
setCurrentIndex(nextInputIndex);
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
var handlePaste = function handlePaste(event) {
|
|
48
|
+
var pastedData = event.clipboardData.getData('text') || '';
|
|
49
|
+
event.preventDefault();
|
|
50
|
+
var pastedDataArray = pastedData.split('');
|
|
51
|
+
if (pastedDataArray.length === 0) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
var newValues = new Array(numberOfInputs).fill('');
|
|
55
|
+
for (var i = 0; i < numberOfInputs; i++) {
|
|
56
|
+
var currentValue = i >= pastedDataArray.length ? null : pastedDataArray[i];
|
|
57
|
+
var currentValueAsNumber = Number(currentValue);
|
|
58
|
+
if (Number.isNaN(currentValueAsNumber)) {
|
|
59
|
+
console.warn(currentValue + " is not a number, paste is skipped");
|
|
60
|
+
continue;
|
|
61
|
+
}
|
|
62
|
+
newValues[i] = currentValueAsNumber;
|
|
63
|
+
}
|
|
64
|
+
setInputValues(newValues);
|
|
65
|
+
setCurrentIndex(numberOfInputs - 1);
|
|
66
|
+
};
|
|
67
|
+
return /*#__PURE__*/React.createElement(StyledInputsContainer, {
|
|
68
|
+
className: "authentication-inputs-container",
|
|
69
|
+
onPaste: handlePaste,
|
|
70
|
+
ref: forwardedRef
|
|
71
|
+
}, inputArray.map(function (_value, index) {
|
|
72
|
+
return /*#__PURE__*/React.createElement(AuthenticationInputSingle, _extends({
|
|
73
|
+
key: index,
|
|
74
|
+
className: "authentication-input",
|
|
75
|
+
index: index,
|
|
76
|
+
shouldFocus: currentIndex === index,
|
|
77
|
+
isLast: index === numberOfInputs - 1,
|
|
78
|
+
onChange: handleOnChange,
|
|
79
|
+
value: inputValues[index],
|
|
80
|
+
error: error,
|
|
81
|
+
onPaste: handlePaste,
|
|
82
|
+
onIndexChanged: function onIndexChanged(index) {
|
|
83
|
+
if (index >= numberOfInputs || index < 0) {
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
setCurrentIndex(index);
|
|
87
|
+
}
|
|
88
|
+
}, rest));
|
|
89
|
+
}));
|
|
90
|
+
};
|
|
91
|
+
var forwardRef = function forwardRef(props, ref) {
|
|
92
|
+
return /*#__PURE__*/React.createElement(AuthenticationInputComponent, _extends({}, props, {
|
|
93
|
+
forwardedRef: ref
|
|
94
|
+
}));
|
|
95
|
+
};
|
|
96
|
+
forwardRef.displayName = AuthenticationInputComponent.name;
|
|
97
|
+
export var AuthenticationInput = /*#__PURE__*/React.forwardRef(forwardRef);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface AuthenticationInputSingleProps extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
3
|
+
index: number;
|
|
4
|
+
value: number | '';
|
|
5
|
+
shouldFocus?: boolean;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
isLast?: boolean;
|
|
9
|
+
onIndexChanged?: (index: number) => void;
|
|
10
|
+
onChange: (value: number | '', index: number) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const AuthenticationInputSingle: ({ index, onChange, value, shouldFocus, isLast, onIndexChanged, ...rest }: AuthenticationInputSingleProps) => JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
|
|
3
|
+
var _excluded = ["index", "onChange", "value", "shouldFocus", "isLast", "onIndexChanged"];
|
|
4
|
+
import React, { useEffect, useRef } from 'react';
|
|
5
|
+
import { NumberInput } from '../NumberInput';
|
|
6
|
+
export var AuthenticationInputSingle = function AuthenticationInputSingle(_ref) {
|
|
7
|
+
var index = _ref.index,
|
|
8
|
+
_onChange = _ref.onChange,
|
|
9
|
+
value = _ref.value,
|
|
10
|
+
shouldFocus = _ref.shouldFocus,
|
|
11
|
+
isLast = _ref.isLast,
|
|
12
|
+
onIndexChanged = _ref.onIndexChanged,
|
|
13
|
+
rest = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
14
|
+
var ref = useRef(null);
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
if (shouldFocus) {
|
|
17
|
+
var _ref$current, _ref$current2;
|
|
18
|
+
ref == null ? void 0 : (_ref$current = ref.current) == null ? void 0 : _ref$current.focus();
|
|
19
|
+
ref == null ? void 0 : (_ref$current2 = ref.current) == null ? void 0 : _ref$current2.select();
|
|
20
|
+
}
|
|
21
|
+
}, [shouldFocus]);
|
|
22
|
+
return /*#__PURE__*/React.createElement(NumberInput, _extends({}, rest, {
|
|
23
|
+
maxLength: 1,
|
|
24
|
+
onFocus: function onFocus(e) {
|
|
25
|
+
e.currentTarget.select();
|
|
26
|
+
onIndexChanged == null ? void 0 : onIndexChanged(index);
|
|
27
|
+
},
|
|
28
|
+
inputRef: ref,
|
|
29
|
+
value: value,
|
|
30
|
+
onChange: function onChange(e) {
|
|
31
|
+
var currentValue = e.currentTarget.valueAsNumber;
|
|
32
|
+
_onChange(currentValue, index);
|
|
33
|
+
if (isLast && currentValue) {
|
|
34
|
+
var _ref$current3;
|
|
35
|
+
ref == null ? void 0 : (_ref$current3 = ref.current) == null ? void 0 : _ref$current3.blur();
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
onKeyDown: function onKeyDown(e) {
|
|
39
|
+
var allowedKeys = ['Backspace', 'Delete', ' ', 'Tab', 'Enter'];
|
|
40
|
+
if (allowedKeys.includes(e.key) || e.metaKey || e.ctrlKey) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
var reg = new RegExp('^[0-9]$');
|
|
44
|
+
if (!reg.test(e.key)) {
|
|
45
|
+
e.preventDefault();
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
onKeyUp: function onKeyUp(e) {
|
|
49
|
+
if (e.key === 'Backspace') {
|
|
50
|
+
onIndexChanged(index - 1);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}));
|
|
54
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledInputsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
import { space8 } from '../utilities/spacing';
|
|
3
|
+
export var StyledInputsContainer = styled.div.withConfig({
|
|
4
|
+
displayName: "AuthenticationInputStyle__StyledInputsContainer",
|
|
5
|
+
componentId: "sc-1bj7ddw-0"
|
|
6
|
+
})(["display:flex;gap:", ";width:fit-content;.authentication-input{width:36px;height:36px;}"], space8);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './AuthenticationInput';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './AuthenticationInput';
|
|
@@ -12,7 +12,7 @@ export var StyledTable = styled.table.withConfig({
|
|
|
12
12
|
export var StyledTableRow = styled.tr.withConfig({
|
|
13
13
|
displayName: "DataTableStyle__StyledTableRow",
|
|
14
14
|
componentId: "sc-18v2ula-1"
|
|
15
|
-
})(["background:", ";box-shadow:inset 0px -1px 0px ", ";&:hover{background:", ";}"], Neutral.B100, Neutral.B85,
|
|
15
|
+
})(["background:", ";box-shadow:inset 0px -1px 0px ", ";&:hover{background:", ";}"], Neutral.B100, Neutral.B85, Blue.S08);
|
|
16
16
|
export var StyledTabledHeader = styled.th.withConfig({
|
|
17
17
|
displayName: "DataTableStyle__StyledTabledHeader",
|
|
18
18
|
componentId: "sc-18v2ula-2"
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
var SvgRiLockFill = function SvgRiLockFill(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
viewBox: "0 0 24 24"
|
|
7
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
8
|
+
d: "M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0v1Zm-2 0V9A5 5 0 0 0 7 9v1h10Zm-6 4v4h2v-4h-2Z"
|
|
9
|
+
}));
|
|
10
|
+
};
|
|
11
|
+
export default SvgRiLockFill;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
var SvgRiLockLine = function SvgRiLockLine(props) {
|
|
4
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
5
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
+
viewBox: "0 0 24 24"
|
|
7
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
8
|
+
d: "M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0v1ZM5 12v8h14v-8H5Zm6 2h2v4h-2v-4Zm6-4V9A5 5 0 0 0 7 9v1h10Z"
|
|
9
|
+
}));
|
|
10
|
+
};
|
|
11
|
+
export default SvgRiLockLine;
|
|
@@ -101,6 +101,8 @@ export { default as RiInstagramLine } from './RiInstagramLine';
|
|
|
101
101
|
export { default as RiLinkedInLine } from './RiLinkedInLine';
|
|
102
102
|
export { default as RiLinkedinFill } from './RiLinkedinFill';
|
|
103
103
|
export { default as RiLoader } from './RiLoader';
|
|
104
|
+
export { default as RiLockFill } from './RiLockFill';
|
|
105
|
+
export { default as RiLockLine } from './RiLockLine';
|
|
104
106
|
export { default as RiLogoutCircleLine } from './RiLogoutCircleLine';
|
|
105
107
|
export { default as RiMailLine } from './RiMailLine';
|
|
106
108
|
export { default as RiMailSendFill } from './RiMailSendFill';
|
|
@@ -101,6 +101,8 @@ export { default as RiInstagramLine } from './RiInstagramLine';
|
|
|
101
101
|
export { default as RiLinkedInLine } from './RiLinkedInLine';
|
|
102
102
|
export { default as RiLinkedinFill } from './RiLinkedinFill';
|
|
103
103
|
export { default as RiLoader } from './RiLoader';
|
|
104
|
+
export { default as RiLockFill } from './RiLockFill';
|
|
105
|
+
export { default as RiLockLine } from './RiLockLine';
|
|
104
106
|
export { default as RiLogoutCircleLine } from './RiLogoutCircleLine';
|
|
105
107
|
export { default as RiMailLine } from './RiMailLine';
|
|
106
108
|
export { default as RiMailSendFill } from './RiMailSendFill';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SVGProps } from 'react';
|
|
2
|
-
export declare const iconNames: readonly ["custom-sparkling-fill", "custom-sparkling-line", "ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-building-line", "ri-building-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-check-line", "ri-calendar-check-fill", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-contract-left-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-download-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-expand-right-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-download-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-group2-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-logout-circle-line", "ri-mail-line", "ri-mail-send-fill", "ri-more", "ri-map-fill", "ri-map-line", "ri-menu-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-shield-check", "ri-suitcase3-line", "ri-suitcase3-fill", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-user5-line", "ri-user5-fill", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-shining2-line", "ri-shining2-fill", "ri-infinity", "ri-discuss-fill", "ri-discuss-line", "ri-file-copy2-line", "ri-checkbox-circle-line", "ri-attachment-fill", "ri-attachment-line", "ri-chat-quote-fill", "ri-chat-quote-line", "ri-contacts-fill", "ri-contacts-line", "ri-file-list-fill", "ri-file-list-line", "ri-graduation-fill", "ri-graduation-line", "ri-group-fill", "ri-group-line", "ri-phone-fill", "ri-phone-line", "ri-survey-fill", "ri-survey-line", "ri-hand-coin-fill", "ri-hand-coin-line"];
|
|
2
|
+
export declare const iconNames: readonly ["custom-sparkling-fill", "custom-sparkling-line", "ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-building-line", "ri-building-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-check-line", "ri-calendar-check-fill", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-contract-left-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-download-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-expand-right-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-download-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-group2-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-logout-circle-line", "ri-mail-line", "ri-mail-send-fill", "ri-more", "ri-map-fill", "ri-map-line", "ri-menu-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-shield-check", "ri-suitcase3-line", "ri-suitcase3-fill", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-user5-line", "ri-user5-fill", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-shining2-line", "ri-shining2-fill", "ri-infinity", "ri-discuss-fill", "ri-discuss-line", "ri-file-copy2-line", "ri-checkbox-circle-line", "ri-attachment-fill", "ri-attachment-line", "ri-chat-quote-fill", "ri-chat-quote-line", "ri-contacts-fill", "ri-contacts-line", "ri-file-list-fill", "ri-file-list-line", "ri-graduation-fill", "ri-graduation-line", "ri-group-fill", "ri-group-line", "ri-phone-fill", "ri-phone-line", "ri-survey-fill", "ri-survey-line", "ri-hand-coin-fill", "ri-hand-coin-line", "ri-lock-fill", "ri-lock-line"];
|
|
3
3
|
export declare type IconNames = (typeof iconNames)[number];
|
|
4
4
|
declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
|
|
5
5
|
export declare const iconsMappingComponent: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var _iconsMappingComponen;
|
|
2
2
|
import * as Icons from '../components';
|
|
3
|
-
export var iconNames = ['custom-sparkling-fill', 'custom-sparkling-line', 'ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-bookmark-fill', 'ri-bookmark-line', 'ri-building-line', 'ri-building-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-check-line', 'ri-calendar-check-fill', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-contract-left-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-download-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-expand-right-line', 'ri-external-link-line', 'ri-eye-off-fill', 'ri-eye-off-line', 'ri-eye-fill', 'ri-eye-line', 'ri-facebook-circle-fill', 'ri-facebook-circle-line', 'ri-file-download-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-group2-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedin-fill', 'ri-linkedIn-line', 'ri-loader', 'ri-logout-circle-line', 'ri-mail-line', 'ri-mail-send-fill', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-menu-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-shield-check', 'ri-suitcase3-line', 'ri-suitcase3-fill', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-user5-line', 'ri-user5-fill', 'ri-sparkling2-line', 'ri-sparkling2-fill', 'ri-money-dollar-circle-fill', 'ri-money-dollar-circle-line', 'ri-shining2-line', 'ri-shining2-fill', 'ri-infinity', 'ri-discuss-fill', 'ri-discuss-line', 'ri-file-copy2-line', 'ri-checkbox-circle-line', 'ri-attachment-fill', 'ri-attachment-line', 'ri-chat-quote-fill', 'ri-chat-quote-line', 'ri-contacts-fill', 'ri-contacts-line', 'ri-file-list-fill', 'ri-file-list-line', 'ri-graduation-fill', 'ri-graduation-line', 'ri-group-fill', 'ri-group-line', 'ri-phone-fill', 'ri-phone-line', 'ri-survey-fill', 'ri-survey-line', 'ri-hand-coin-fill', 'ri-hand-coin-line'];
|
|
4
|
-
export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['custom-sparkling-fill'] = Icons.CustomSparklingFill, _iconsMappingComponen['custom-sparkling-line'] = Icons.CustomSparklingLine, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-bookmark-fill'] = Icons.RiBookmarkFill, _iconsMappingComponen['ri-bookmark-line'] = Icons.RiBookmarkLine, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-building-line'] = Icons.RiBuildingLine, _iconsMappingComponen['ri-building-fill'] = Icons.RiBuildingFill, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-calendar-check-line'] = Icons.RiCalendarCheckLine, _iconsMappingComponen['ri-calendar-check-fill'] = Icons.RiCalendarCheckFill, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-contract-left-line'] = Icons.RiContractLeftLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-download-line'] = Icons.RiDownloadLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-expand-right-line'] = Icons.RiExpandRightLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-fill'] = Icons.RiEyeFill, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-fill'] = Icons.RiEyeOffFill, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-fill'] = Icons.RiFacebookCircleFill, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-download-line'] = Icons.RiFileDownloadLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-group2-fill'] = Icons.RiGroup2Fill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedin-fill'] = Icons.RiLinkedinFill, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-logout-circle-line'] = Icons.RiLogoutCircleLine, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-mail-send-fill'] = Icons.RiMailSendFill, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-menu-line'] = Icons.RiMenuLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-shield-check'] = Icons.RiShieldCheck, _iconsMappingComponen['ri-suitcase3-line'] = Icons.RiSuitcase3Line, _iconsMappingComponen['ri-suitcase3-fill'] = Icons.RiSuitcase3Fill, _iconsMappingComponen['ri-tiktok-line'] = Icons.RiTiktokLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-user5-line'] = Icons.RiUser5Line, _iconsMappingComponen['ri-user5-fill'] = Icons.RiUser5Fill, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen['ri-money-dollar-circle-fill'] = Icons.RiMoneyDollarCircleFill, _iconsMappingComponen['ri-money-dollar-circle-line'] = Icons.RiMoneyDollarCircleLine, _iconsMappingComponen['ri-shining2-line'] = Icons.RiShining2Line, _iconsMappingComponen['ri-shining2-fill'] = Icons.RiShining2Fill, _iconsMappingComponen['ri-infinity'] = Icons.RiInfinity, _iconsMappingComponen['ri-discuss-fill'] = Icons.RiDiscussFill, _iconsMappingComponen['ri-discuss-line'] = Icons.RiDiscussLine, _iconsMappingComponen['ri-file-copy2-line'] = Icons.RiFileCopy2Line, _iconsMappingComponen['ri-checkbox-circle-line'] = Icons.RiCheckboxCircleLine, _iconsMappingComponen['ri-attachment-fill'] = Icons.RiAttachmentFill, _iconsMappingComponen['ri-attachment-line'] = Icons.RiAttachmentLine, _iconsMappingComponen['ri-chat-quote-fill'] = Icons.RiChatQuoteFill, _iconsMappingComponen['ri-chat-quote-line'] = Icons.RiChatQuoteLine, _iconsMappingComponen['ri-contacts-fill'] = Icons.RiContactsFill, _iconsMappingComponen['ri-contacts-line'] = Icons.RiContactsLine, _iconsMappingComponen['ri-file-list-fill'] = Icons.RiFileListFill, _iconsMappingComponen['ri-file-list-line'] = Icons.RiFileListLine, _iconsMappingComponen['ri-graduation-fill'] = Icons.RiGraduationFill, _iconsMappingComponen['ri-graduation-line'] = Icons.RiGraduationLine, _iconsMappingComponen['ri-group-fill'] = Icons.RiGroupFill, _iconsMappingComponen['ri-group-line'] = Icons.RiGroupLine, _iconsMappingComponen['ri-phone-fill'] = Icons.RiPhoneFill, _iconsMappingComponen['ri-phone-line'] = Icons.RiPhoneLine, _iconsMappingComponen['ri-survey-fill'] = Icons.RiSurveyFill, _iconsMappingComponen['ri-survey-line'] = Icons.RiSurveyLine, _iconsMappingComponen['ri-hand-coin-fill'] = Icons.RiHandCoinFill, _iconsMappingComponen['ri-hand-coin-line'] = Icons.RiHandCoinLine, _iconsMappingComponen);
|
|
3
|
+
export var iconNames = ['custom-sparkling-fill', 'custom-sparkling-line', 'ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-bookmark-fill', 'ri-bookmark-line', 'ri-building-line', 'ri-building-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-check-line', 'ri-calendar-check-fill', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-contract-left-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-download-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-expand-right-line', 'ri-external-link-line', 'ri-eye-off-fill', 'ri-eye-off-line', 'ri-eye-fill', 'ri-eye-line', 'ri-facebook-circle-fill', 'ri-facebook-circle-line', 'ri-file-download-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-group2-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedin-fill', 'ri-linkedIn-line', 'ri-loader', 'ri-logout-circle-line', 'ri-mail-line', 'ri-mail-send-fill', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-menu-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-shield-check', 'ri-suitcase3-line', 'ri-suitcase3-fill', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-user5-line', 'ri-user5-fill', 'ri-sparkling2-line', 'ri-sparkling2-fill', 'ri-money-dollar-circle-fill', 'ri-money-dollar-circle-line', 'ri-shining2-line', 'ri-shining2-fill', 'ri-infinity', 'ri-discuss-fill', 'ri-discuss-line', 'ri-file-copy2-line', 'ri-checkbox-circle-line', 'ri-attachment-fill', 'ri-attachment-line', 'ri-chat-quote-fill', 'ri-chat-quote-line', 'ri-contacts-fill', 'ri-contacts-line', 'ri-file-list-fill', 'ri-file-list-line', 'ri-graduation-fill', 'ri-graduation-line', 'ri-group-fill', 'ri-group-line', 'ri-phone-fill', 'ri-phone-line', 'ri-survey-fill', 'ri-survey-line', 'ri-hand-coin-fill', 'ri-hand-coin-line', 'ri-lock-fill', 'ri-lock-line'];
|
|
4
|
+
export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['custom-sparkling-fill'] = Icons.CustomSparklingFill, _iconsMappingComponen['custom-sparkling-line'] = Icons.CustomSparklingLine, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-bookmark-fill'] = Icons.RiBookmarkFill, _iconsMappingComponen['ri-bookmark-line'] = Icons.RiBookmarkLine, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-building-line'] = Icons.RiBuildingLine, _iconsMappingComponen['ri-building-fill'] = Icons.RiBuildingFill, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-calendar-check-line'] = Icons.RiCalendarCheckLine, _iconsMappingComponen['ri-calendar-check-fill'] = Icons.RiCalendarCheckFill, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-contract-left-line'] = Icons.RiContractLeftLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-download-line'] = Icons.RiDownloadLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-expand-right-line'] = Icons.RiExpandRightLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-fill'] = Icons.RiEyeFill, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-fill'] = Icons.RiEyeOffFill, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-fill'] = Icons.RiFacebookCircleFill, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-download-line'] = Icons.RiFileDownloadLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-group2-fill'] = Icons.RiGroup2Fill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedin-fill'] = Icons.RiLinkedinFill, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-logout-circle-line'] = Icons.RiLogoutCircleLine, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-mail-send-fill'] = Icons.RiMailSendFill, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-menu-line'] = Icons.RiMenuLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-shield-check'] = Icons.RiShieldCheck, _iconsMappingComponen['ri-suitcase3-line'] = Icons.RiSuitcase3Line, _iconsMappingComponen['ri-suitcase3-fill'] = Icons.RiSuitcase3Fill, _iconsMappingComponen['ri-tiktok-line'] = Icons.RiTiktokLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-user5-line'] = Icons.RiUser5Line, _iconsMappingComponen['ri-user5-fill'] = Icons.RiUser5Fill, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen['ri-money-dollar-circle-fill'] = Icons.RiMoneyDollarCircleFill, _iconsMappingComponen['ri-money-dollar-circle-line'] = Icons.RiMoneyDollarCircleLine, _iconsMappingComponen['ri-shining2-line'] = Icons.RiShining2Line, _iconsMappingComponen['ri-shining2-fill'] = Icons.RiShining2Fill, _iconsMappingComponen['ri-infinity'] = Icons.RiInfinity, _iconsMappingComponen['ri-discuss-fill'] = Icons.RiDiscussFill, _iconsMappingComponen['ri-discuss-line'] = Icons.RiDiscussLine, _iconsMappingComponen['ri-file-copy2-line'] = Icons.RiFileCopy2Line, _iconsMappingComponen['ri-checkbox-circle-line'] = Icons.RiCheckboxCircleLine, _iconsMappingComponen['ri-attachment-fill'] = Icons.RiAttachmentFill, _iconsMappingComponen['ri-attachment-line'] = Icons.RiAttachmentLine, _iconsMappingComponen['ri-chat-quote-fill'] = Icons.RiChatQuoteFill, _iconsMappingComponen['ri-chat-quote-line'] = Icons.RiChatQuoteLine, _iconsMappingComponen['ri-contacts-fill'] = Icons.RiContactsFill, _iconsMappingComponen['ri-contacts-line'] = Icons.RiContactsLine, _iconsMappingComponen['ri-file-list-fill'] = Icons.RiFileListFill, _iconsMappingComponen['ri-file-list-line'] = Icons.RiFileListLine, _iconsMappingComponen['ri-graduation-fill'] = Icons.RiGraduationFill, _iconsMappingComponen['ri-graduation-line'] = Icons.RiGraduationLine, _iconsMappingComponen['ri-group-fill'] = Icons.RiGroupFill, _iconsMappingComponen['ri-group-line'] = Icons.RiGroupLine, _iconsMappingComponen['ri-phone-fill'] = Icons.RiPhoneFill, _iconsMappingComponen['ri-phone-line'] = Icons.RiPhoneLine, _iconsMappingComponen['ri-survey-fill'] = Icons.RiSurveyFill, _iconsMappingComponen['ri-survey-line'] = Icons.RiSurveyLine, _iconsMappingComponen['ri-hand-coin-fill'] = Icons.RiHandCoinFill, _iconsMappingComponen['ri-hand-coin-line'] = Icons.RiHandCoinLine, _iconsMappingComponen['ri-lock-fill'] = Icons.RiLockFill, _iconsMappingComponen['ri-lock-line'] = Icons.RiLockLine, _iconsMappingComponen);
|
|
@@ -3,5 +3,6 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
3
3
|
error?: boolean;
|
|
4
4
|
prefix?: React.ReactNode;
|
|
5
5
|
suffix?: React.ReactNode;
|
|
6
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
6
7
|
}
|
|
7
8
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
package/es/@next/Input/Input.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
|
|
3
|
-
var _excluded = ["error", "disabled", "prefix", "suffix"];
|
|
3
|
+
var _excluded = ["error", "disabled", "prefix", "suffix", "inputRef"];
|
|
4
4
|
import React, { useEffect, useRef } from 'react';
|
|
5
5
|
import { StyledContainer, StyledInput, StyledPrefixContainer, StyledSuffixContainer } from './InputStyle';
|
|
6
6
|
export var Input = /*#__PURE__*/React.forwardRef(function Input(_ref, ref) {
|
|
@@ -8,6 +8,7 @@ export var Input = /*#__PURE__*/React.forwardRef(function Input(_ref, ref) {
|
|
|
8
8
|
disabled = _ref.disabled,
|
|
9
9
|
prefix = _ref.prefix,
|
|
10
10
|
suffix = _ref.suffix,
|
|
11
|
+
inputRef = _ref.inputRef,
|
|
11
12
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
12
13
|
var hasPrefix = !!prefix;
|
|
13
14
|
var hasSuffix = !!suffix;
|
|
@@ -50,6 +51,7 @@ export var Input = /*#__PURE__*/React.forwardRef(function Input(_ref, ref) {
|
|
|
50
51
|
prefixWidth: prefixWidth,
|
|
51
52
|
suffixWidth: suffixWidth
|
|
52
53
|
}, /*#__PURE__*/React.createElement(Prefix, null), /*#__PURE__*/React.createElement(StyledInput, _extends({
|
|
54
|
+
ref: inputRef,
|
|
53
55
|
disabled: disabled
|
|
54
56
|
}, props)), /*#__PURE__*/React.createElement(Suffix, null));
|
|
55
57
|
});
|
|
@@ -7,7 +7,7 @@ import { borderRadius4 } from '../utilities/borderRadius';
|
|
|
7
7
|
export var StyledContainer = styled.div.withConfig({
|
|
8
8
|
displayName: "InputStyle__StyledContainer",
|
|
9
9
|
componentId: "sc-15z2mnd-0"
|
|
10
|
-
})(["position:relative;display:flex;flex-direction:column;flex:1;flex-basis:100%;font-family:'Noto Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;&[data-prefix='true'] input{padding-left:", "px;}&[data-suffix='true'] input{padding-right:", "px;}&[data-error='true'] input{border:1px solid ", ";}&[data-error='true'] input:focus{box-shadow:none;}&[data-disabled='true'] input{border:1px solid ", ";background:", ";color:", ";}&[data-disabled='true'] input::placeholder{color:", ";}&[data-disabled='true'] svg{fill:", ";}&[data-disabled='true'] div{color:", ";}"], function (props) {
|
|
10
|
+
})(["position:relative;display:flex;flex-direction:column;flex:1;flex-basis:100%;font-family:'Noto Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;&[data-prefix='true'] input{padding-left:", "px;}&[data-suffix='true'] input{padding-right:", "px;}&[data-error='true'] input{border:1px solid ", ";}&[data-error='true'] input:focus{box-shadow:none;}&[data-disabled='true'] input{border:1px solid ", ";background:", ";color:", ";cursor:not-allowed;}&[data-disabled='true'] input::placeholder{color:", ";}&[data-disabled='true'] svg{fill:", ";}&[data-disabled='true'] div{color:", ";}"], function (props) {
|
|
11
11
|
return props.prefixWidth;
|
|
12
12
|
}, function (props) {
|
|
13
13
|
return props.suffixWidth;
|
package/es/@next/index.d.ts
CHANGED
|
@@ -8,6 +8,8 @@ export type { ActionListProps, Item as ActionListItem, Section as ActionListSect
|
|
|
8
8
|
export { ActionList } from './ActionList';
|
|
9
9
|
export type { AlertContextProps, AlertProps } from './Alert';
|
|
10
10
|
export { Alert, AlertContext, AlertProvider, AlertWithProvider, useAlert, } from './Alert';
|
|
11
|
+
export { AuthenticationInput } from './AuthenticationInput';
|
|
12
|
+
export type { AuthenticationInputProps } from './AuthenticationInput';
|
|
11
13
|
export type { AvatarProps } from './Avatar';
|
|
12
14
|
export { Avatar } from './Avatar';
|
|
13
15
|
export type { BadgeProps } from './Badge';
|
package/es/@next/index.js
CHANGED
|
@@ -7,6 +7,7 @@ import * as Fonts from './utilities/fonts';
|
|
|
7
7
|
import * as Spacing from './utilities/spacing';
|
|
8
8
|
export { ActionList } from './ActionList';
|
|
9
9
|
export { Alert, AlertContext, AlertProvider, AlertWithProvider, useAlert } from './Alert';
|
|
10
|
+
export { AuthenticationInput } from './AuthenticationInput';
|
|
10
11
|
export { Avatar } from './Avatar';
|
|
11
12
|
export { Badge } from './Badge';
|
|
12
13
|
export { Banner } from './Banner';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
|
+
export interface AuthenticationInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
3
|
+
numberOfInputs: number;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
error?: boolean;
|
|
6
|
+
forwardedRef?: RefObject<HTMLDivElement>;
|
|
7
|
+
/** will always return null when not all inputs are filled */
|
|
8
|
+
onChange?: (value: string | null) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const AuthenticationInput: React.ForwardRefExoticComponent<AuthenticationInputProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.AuthenticationInput = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _AuthenticationInputStyle = require("./AuthenticationInputStyle");
|
|
10
|
+
var _AuthenticationInputSingle = require("./AuthenticationInputSingle");
|
|
11
|
+
var _excluded = ["numberOfInputs", "error", "onChange", "forwardedRef"];
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
var AuthenticationInputComponent = function AuthenticationInputComponent(_ref) {
|
|
15
|
+
var _ref$numberOfInputs = _ref.numberOfInputs,
|
|
16
|
+
numberOfInputs = _ref$numberOfInputs === void 0 ? 6 : _ref$numberOfInputs,
|
|
17
|
+
error = _ref.error,
|
|
18
|
+
onChange = _ref.onChange,
|
|
19
|
+
forwardedRef = _ref.forwardedRef,
|
|
20
|
+
rest = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
21
|
+
var _useState = (0, _react.useState)(new Array(numberOfInputs).fill('')),
|
|
22
|
+
inputValues = _useState[0],
|
|
23
|
+
setInputValues = _useState[1];
|
|
24
|
+
var _useState2 = (0, _react.useState)(0),
|
|
25
|
+
currentIndex = _useState2[0],
|
|
26
|
+
setCurrentIndex = _useState2[1];
|
|
27
|
+
var inputArray = new Array(numberOfInputs).fill('');
|
|
28
|
+
var onChangeRef = (0, _react.useRef)(null);
|
|
29
|
+
onChangeRef.current = onChange;
|
|
30
|
+
(0, _react.useEffect)(function () {
|
|
31
|
+
if (inputValues.some(function (v) {
|
|
32
|
+
return !Number.isInteger(v);
|
|
33
|
+
})) {
|
|
34
|
+
onChangeRef.current == null ? void 0 : onChangeRef.current(null);
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
onChangeRef.current == null ? void 0 : onChangeRef.current(inputValues.join(''));
|
|
38
|
+
}, [inputValues]);
|
|
39
|
+
var handleOnChange = function handleOnChange(value, index) {
|
|
40
|
+
if (!Number.isInteger(value)) {
|
|
41
|
+
var _newInputValues = [].concat(inputValues);
|
|
42
|
+
_newInputValues[index] = '';
|
|
43
|
+
setInputValues(_newInputValues);
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
var newInputValues = [].concat(inputValues);
|
|
47
|
+
newInputValues[index] = value;
|
|
48
|
+
setInputValues(newInputValues);
|
|
49
|
+
var nextInputIndex = index + 1;
|
|
50
|
+
if (nextInputIndex <= numberOfInputs - 1) {
|
|
51
|
+
setCurrentIndex(nextInputIndex);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
var handlePaste = function handlePaste(event) {
|
|
55
|
+
var pastedData = event.clipboardData.getData('text') || '';
|
|
56
|
+
event.preventDefault();
|
|
57
|
+
var pastedDataArray = pastedData.split('');
|
|
58
|
+
if (pastedDataArray.length === 0) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
var newValues = new Array(numberOfInputs).fill('');
|
|
62
|
+
for (var i = 0; i < numberOfInputs; i++) {
|
|
63
|
+
var currentValue = i >= pastedDataArray.length ? null : pastedDataArray[i];
|
|
64
|
+
var currentValueAsNumber = Number(currentValue);
|
|
65
|
+
if (Number.isNaN(currentValueAsNumber)) {
|
|
66
|
+
console.warn(currentValue + " is not a number, paste is skipped");
|
|
67
|
+
continue;
|
|
68
|
+
}
|
|
69
|
+
newValues[i] = currentValueAsNumber;
|
|
70
|
+
}
|
|
71
|
+
setInputValues(newValues);
|
|
72
|
+
setCurrentIndex(numberOfInputs - 1);
|
|
73
|
+
};
|
|
74
|
+
return /*#__PURE__*/_react["default"].createElement(_AuthenticationInputStyle.StyledInputsContainer, {
|
|
75
|
+
className: "authentication-inputs-container",
|
|
76
|
+
onPaste: handlePaste,
|
|
77
|
+
ref: forwardedRef
|
|
78
|
+
}, inputArray.map(function (_value, index) {
|
|
79
|
+
return /*#__PURE__*/_react["default"].createElement(_AuthenticationInputSingle.AuthenticationInputSingle, (0, _extends2["default"])({
|
|
80
|
+
key: index,
|
|
81
|
+
className: "authentication-input",
|
|
82
|
+
index: index,
|
|
83
|
+
shouldFocus: currentIndex === index,
|
|
84
|
+
isLast: index === numberOfInputs - 1,
|
|
85
|
+
onChange: handleOnChange,
|
|
86
|
+
value: inputValues[index],
|
|
87
|
+
error: error,
|
|
88
|
+
onPaste: handlePaste,
|
|
89
|
+
onIndexChanged: function onIndexChanged(index) {
|
|
90
|
+
if (index >= numberOfInputs || index < 0) {
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
setCurrentIndex(index);
|
|
94
|
+
}
|
|
95
|
+
}, rest));
|
|
96
|
+
}));
|
|
97
|
+
};
|
|
98
|
+
var forwardRef = function forwardRef(props, ref) {
|
|
99
|
+
return /*#__PURE__*/_react["default"].createElement(AuthenticationInputComponent, (0, _extends2["default"])({}, props, {
|
|
100
|
+
forwardedRef: ref
|
|
101
|
+
}));
|
|
102
|
+
};
|
|
103
|
+
forwardRef.displayName = AuthenticationInputComponent.name;
|
|
104
|
+
var AuthenticationInput = /*#__PURE__*/_react["default"].forwardRef(forwardRef);
|
|
105
|
+
exports.AuthenticationInput = AuthenticationInput;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface AuthenticationInputSingleProps extends Omit<React.HTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
3
|
+
index: number;
|
|
4
|
+
value: number | '';
|
|
5
|
+
shouldFocus?: boolean;
|
|
6
|
+
error?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
isLast?: boolean;
|
|
9
|
+
onIndexChanged?: (index: number) => void;
|
|
10
|
+
onChange: (value: number | '', index: number) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const AuthenticationInputSingle: ({ index, onChange, value, shouldFocus, isLast, onIndexChanged, ...rest }: AuthenticationInputSingleProps) => JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.AuthenticationInputSingle = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _NumberInput = require("../NumberInput");
|
|
10
|
+
var _excluded = ["index", "onChange", "value", "shouldFocus", "isLast", "onIndexChanged"];
|
|
11
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
+
var AuthenticationInputSingle = function AuthenticationInputSingle(_ref) {
|
|
14
|
+
var index = _ref.index,
|
|
15
|
+
_onChange = _ref.onChange,
|
|
16
|
+
value = _ref.value,
|
|
17
|
+
shouldFocus = _ref.shouldFocus,
|
|
18
|
+
isLast = _ref.isLast,
|
|
19
|
+
onIndexChanged = _ref.onIndexChanged,
|
|
20
|
+
rest = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
21
|
+
var ref = (0, _react.useRef)(null);
|
|
22
|
+
(0, _react.useEffect)(function () {
|
|
23
|
+
if (shouldFocus) {
|
|
24
|
+
var _ref$current, _ref$current2;
|
|
25
|
+
ref == null ? void 0 : (_ref$current = ref.current) == null ? void 0 : _ref$current.focus();
|
|
26
|
+
ref == null ? void 0 : (_ref$current2 = ref.current) == null ? void 0 : _ref$current2.select();
|
|
27
|
+
}
|
|
28
|
+
}, [shouldFocus]);
|
|
29
|
+
return /*#__PURE__*/_react["default"].createElement(_NumberInput.NumberInput, (0, _extends2["default"])({}, rest, {
|
|
30
|
+
maxLength: 1,
|
|
31
|
+
onFocus: function onFocus(e) {
|
|
32
|
+
e.currentTarget.select();
|
|
33
|
+
onIndexChanged == null ? void 0 : onIndexChanged(index);
|
|
34
|
+
},
|
|
35
|
+
inputRef: ref,
|
|
36
|
+
value: value,
|
|
37
|
+
onChange: function onChange(e) {
|
|
38
|
+
var currentValue = e.currentTarget.valueAsNumber;
|
|
39
|
+
_onChange(currentValue, index);
|
|
40
|
+
if (isLast && currentValue) {
|
|
41
|
+
var _ref$current3;
|
|
42
|
+
ref == null ? void 0 : (_ref$current3 = ref.current) == null ? void 0 : _ref$current3.blur();
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
onKeyDown: function onKeyDown(e) {
|
|
46
|
+
var allowedKeys = ['Backspace', 'Delete', ' ', 'Tab', 'Enter'];
|
|
47
|
+
if (allowedKeys.includes(e.key) || e.metaKey || e.ctrlKey) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
var reg = new RegExp('^[0-9]$');
|
|
51
|
+
if (!reg.test(e.key)) {
|
|
52
|
+
e.preventDefault();
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
onKeyUp: function onKeyUp(e) {
|
|
56
|
+
if (e.key === 'Backspace') {
|
|
57
|
+
onIndexChanged(index - 1);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}));
|
|
61
|
+
};
|
|
62
|
+
exports.AuthenticationInputSingle = AuthenticationInputSingle;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledInputsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.StyledInputsContainer = void 0;
|
|
6
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
7
|
+
var _spacing = require("../utilities/spacing");
|
|
8
|
+
var StyledInputsContainer = _styledComponents["default"].div.withConfig({
|
|
9
|
+
displayName: "AuthenticationInputStyle__StyledInputsContainer",
|
|
10
|
+
componentId: "sc-1bj7ddw-0"
|
|
11
|
+
})(["display:flex;gap:", ";width:fit-content;.authentication-input{width:36px;height:36px;}"], _spacing.space8);
|
|
12
|
+
exports.StyledInputsContainer = StyledInputsContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './AuthenticationInput';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
var _AuthenticationInput = require("./AuthenticationInput");
|
|
5
|
+
Object.keys(_AuthenticationInput).forEach(function (key) {
|
|
6
|
+
if (key === "default" || key === "__esModule") return;
|
|
7
|
+
if (key in exports && exports[key] === _AuthenticationInput[key]) return;
|
|
8
|
+
exports[key] = _AuthenticationInput[key];
|
|
9
|
+
});
|
|
@@ -20,7 +20,7 @@ exports.StyledTable = StyledTable;
|
|
|
20
20
|
var StyledTableRow = _styledComponents["default"].tr.withConfig({
|
|
21
21
|
displayName: "DataTableStyle__StyledTableRow",
|
|
22
22
|
componentId: "sc-18v2ula-1"
|
|
23
|
-
})(["background:", ";box-shadow:inset 0px -1px 0px ", ";&:hover{background:", ";}"], _colors.Neutral.B100, _colors.Neutral.B85, _colors.
|
|
23
|
+
})(["background:", ";box-shadow:inset 0px -1px 0px ", ";&:hover{background:", ";}"], _colors.Neutral.B100, _colors.Neutral.B85, _colors.Blue.S08);
|
|
24
24
|
exports.StyledTableRow = StyledTableRow;
|
|
25
25
|
var StyledTabledHeader = _styledComponents["default"].th.withConfig({
|
|
26
26
|
displayName: "DataTableStyle__StyledTabledHeader",
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
9
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
+
var SvgRiLockFill = function SvgRiLockFill(props) {
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
viewBox: "0 0 24 24"
|
|
14
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
15
|
+
d: "M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0v1Zm-2 0V9A5 5 0 0 0 7 9v1h10Zm-6 4v4h2v-4h-2Z"
|
|
16
|
+
}));
|
|
17
|
+
};
|
|
18
|
+
var _default = SvgRiLockFill;
|
|
19
|
+
exports["default"] = _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = void 0;
|
|
6
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
9
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
10
|
+
var SvgRiLockLine = function SvgRiLockLine(props) {
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
13
|
+
viewBox: "0 0 24 24"
|
|
14
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
15
|
+
d: "M19 10h1a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V11a1 1 0 0 1 1-1h1V9a7 7 0 0 1 14 0v1ZM5 12v8h14v-8H5Zm6 2h2v4h-2v-4Zm6-4V9A5 5 0 0 0 7 9v1h10Z"
|
|
16
|
+
}));
|
|
17
|
+
};
|
|
18
|
+
var _default = SvgRiLockLine;
|
|
19
|
+
exports["default"] = _default;
|
|
@@ -101,6 +101,8 @@ export { default as RiInstagramLine } from './RiInstagramLine';
|
|
|
101
101
|
export { default as RiLinkedInLine } from './RiLinkedInLine';
|
|
102
102
|
export { default as RiLinkedinFill } from './RiLinkedinFill';
|
|
103
103
|
export { default as RiLoader } from './RiLoader';
|
|
104
|
+
export { default as RiLockFill } from './RiLockFill';
|
|
105
|
+
export { default as RiLockLine } from './RiLockLine';
|
|
104
106
|
export { default as RiLogoutCircleLine } from './RiLogoutCircleLine';
|
|
105
107
|
export { default as RiMailLine } from './RiMailLine';
|
|
106
108
|
export { default as RiMailSendFill } from './RiMailSendFill';
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
exports.__esModule = true;
|
|
5
5
|
exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiInfinity = exports.RiHandCoinLine = exports.RiHandCoinFill = exports.RiGroupLine = exports.RiGroupFill = exports.RiGroup2Fill = exports.RiGraduationLine = exports.RiGraduationFill = exports.RiFolderUserFill = exports.RiFileListLine = exports.RiFileListFill = exports.RiFileList3Fill = exports.RiFileLine = exports.RiFileFill = exports.RiFileDownloadLine = exports.RiFileCopy2Line = exports.RiFacebookCircleLine = exports.RiFacebookCircleFill = exports.RiEyeOffLine = exports.RiEyeOffFill = exports.RiEyeLine = exports.RiEyeFill = exports.RiExternalLinkLine = exports.RiExpandRightLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiEqualizerLine = exports.RiDownloadLine = exports.RiDiscussLine = exports.RiDiscussFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiContractLeftLine = exports.RiContactsLine = exports.RiContactsFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleLine = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiChatQuoteLine = exports.RiChatQuoteFill = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiCalendarCheckLine = exports.RiCalendarCheckFill = exports.RiBuildingLine = exports.RiBuildingFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiBookmarkLine = exports.RiBookmarkFill = exports.RiAttachmentLine = exports.RiAttachmentFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = exports.CustomSparklingLine = exports.CustomSparklingFill = void 0;
|
|
6
|
-
exports.RiUser5Line = exports.RiUser5Fill = exports.RiUploadLine = exports.RiUploadFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiTiktokLine = exports.RiSurveyLine = exports.RiSurveyFill = exports.RiSuitcase3Line = exports.RiSuitcase3Fill = exports.RiSparkling2Line = exports.RiSparkling2Fill = exports.RiShining2Line = exports.RiShining2Fill = exports.RiShieldCheck = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPhoneLine = exports.RiPhoneFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMoneyDollarCircleLine = exports.RiMoneyDollarCircleFill = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMenuLine = exports.RiMapLine = exports.RiMapFill = exports.RiMailSendFill = exports.RiMailLine = exports.RiLogoutCircleLine = exports.RiLoader = exports.RiLinkedinFill = exports.RiLinkedInLine = void 0;
|
|
6
|
+
exports.RiUser5Line = exports.RiUser5Fill = exports.RiUploadLine = exports.RiUploadFill = exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiTiktokLine = exports.RiSurveyLine = exports.RiSurveyFill = exports.RiSuitcase3Line = exports.RiSuitcase3Fill = exports.RiSparkling2Line = exports.RiSparkling2Fill = exports.RiShining2Line = exports.RiShining2Fill = exports.RiShieldCheck = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPhoneLine = exports.RiPhoneFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMoneyDollarCircleLine = exports.RiMoneyDollarCircleFill = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMenuLine = exports.RiMapLine = exports.RiMapFill = exports.RiMailSendFill = exports.RiMailLine = exports.RiLogoutCircleLine = exports.RiLockLine = exports.RiLockFill = exports.RiLoader = exports.RiLinkedinFill = exports.RiLinkedInLine = void 0;
|
|
7
7
|
var _CustomSparklingFill = _interopRequireDefault(require("./CustomSparklingFill"));
|
|
8
8
|
exports.CustomSparklingFill = _CustomSparklingFill["default"];
|
|
9
9
|
var _CustomSparklingLine = _interopRequireDefault(require("./CustomSparklingLine"));
|
|
@@ -210,6 +210,10 @@ var _RiLinkedinFill = _interopRequireDefault(require("./RiLinkedinFill"));
|
|
|
210
210
|
exports.RiLinkedinFill = _RiLinkedinFill["default"];
|
|
211
211
|
var _RiLoader = _interopRequireDefault(require("./RiLoader"));
|
|
212
212
|
exports.RiLoader = _RiLoader["default"];
|
|
213
|
+
var _RiLockFill = _interopRequireDefault(require("./RiLockFill"));
|
|
214
|
+
exports.RiLockFill = _RiLockFill["default"];
|
|
215
|
+
var _RiLockLine = _interopRequireDefault(require("./RiLockLine"));
|
|
216
|
+
exports.RiLockLine = _RiLockLine["default"];
|
|
213
217
|
var _RiLogoutCircleLine = _interopRequireDefault(require("./RiLogoutCircleLine"));
|
|
214
218
|
exports.RiLogoutCircleLine = _RiLogoutCircleLine["default"];
|
|
215
219
|
var _RiMailLine = _interopRequireDefault(require("./RiMailLine"));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SVGProps } from 'react';
|
|
2
|
-
export declare const iconNames: readonly ["custom-sparkling-fill", "custom-sparkling-line", "ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-building-line", "ri-building-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-check-line", "ri-calendar-check-fill", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-contract-left-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-download-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-expand-right-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-download-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-group2-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-logout-circle-line", "ri-mail-line", "ri-mail-send-fill", "ri-more", "ri-map-fill", "ri-map-line", "ri-menu-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-shield-check", "ri-suitcase3-line", "ri-suitcase3-fill", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-user5-line", "ri-user5-fill", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-shining2-line", "ri-shining2-fill", "ri-infinity", "ri-discuss-fill", "ri-discuss-line", "ri-file-copy2-line", "ri-checkbox-circle-line", "ri-attachment-fill", "ri-attachment-line", "ri-chat-quote-fill", "ri-chat-quote-line", "ri-contacts-fill", "ri-contacts-line", "ri-file-list-fill", "ri-file-list-line", "ri-graduation-fill", "ri-graduation-line", "ri-group-fill", "ri-group-line", "ri-phone-fill", "ri-phone-line", "ri-survey-fill", "ri-survey-line", "ri-hand-coin-fill", "ri-hand-coin-line"];
|
|
2
|
+
export declare const iconNames: readonly ["custom-sparkling-fill", "custom-sparkling-line", "ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-bookmark-fill", "ri-bookmark-line", "ri-building-line", "ri-building-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-check-line", "ri-calendar-check-fill", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-contract-left-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-download-line", "ri-equalizer-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-expand-right-line", "ri-external-link-line", "ri-eye-off-fill", "ri-eye-off-line", "ri-eye-fill", "ri-eye-line", "ri-facebook-circle-fill", "ri-facebook-circle-line", "ri-file-download-line", "ri-file-fill", "ri-file-line", "ri-file-list3-fill", "ri-folder-user-fill", "ri-group2-fill", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedin-fill", "ri-linkedIn-line", "ri-loader", "ri-logout-circle-line", "ri-mail-line", "ri-mail-send-fill", "ri-more", "ri-map-fill", "ri-map-line", "ri-menu-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-shield-check", "ri-suitcase3-line", "ri-suitcase3-fill", "ri-tiktok-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line", "ri-upload-fill", "ri-upload-line", "ri-user5-line", "ri-user5-fill", "ri-sparkling2-line", "ri-sparkling2-fill", "ri-money-dollar-circle-fill", "ri-money-dollar-circle-line", "ri-shining2-line", "ri-shining2-fill", "ri-infinity", "ri-discuss-fill", "ri-discuss-line", "ri-file-copy2-line", "ri-checkbox-circle-line", "ri-attachment-fill", "ri-attachment-line", "ri-chat-quote-fill", "ri-chat-quote-line", "ri-contacts-fill", "ri-contacts-line", "ri-file-list-fill", "ri-file-list-line", "ri-graduation-fill", "ri-graduation-line", "ri-group-fill", "ri-group-line", "ri-phone-fill", "ri-phone-line", "ri-survey-fill", "ri-survey-line", "ri-hand-coin-fill", "ri-hand-coin-line", "ri-lock-fill", "ri-lock-line"];
|
|
3
3
|
export declare type IconNames = (typeof iconNames)[number];
|
|
4
4
|
declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
|
|
5
5
|
export declare const iconsMappingComponent: {
|
|
@@ -6,7 +6,7 @@ var Icons = _interopRequireWildcard(require("../components"));
|
|
|
6
6
|
var _iconsMappingComponen;
|
|
7
7
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
8
8
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
9
|
-
var iconNames = ['custom-sparkling-fill', 'custom-sparkling-line', 'ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-bookmark-fill', 'ri-bookmark-line', 'ri-building-line', 'ri-building-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-check-line', 'ri-calendar-check-fill', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-contract-left-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-download-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-expand-right-line', 'ri-external-link-line', 'ri-eye-off-fill', 'ri-eye-off-line', 'ri-eye-fill', 'ri-eye-line', 'ri-facebook-circle-fill', 'ri-facebook-circle-line', 'ri-file-download-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-group2-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedin-fill', 'ri-linkedIn-line', 'ri-loader', 'ri-logout-circle-line', 'ri-mail-line', 'ri-mail-send-fill', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-menu-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-shield-check', 'ri-suitcase3-line', 'ri-suitcase3-fill', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-user5-line', 'ri-user5-fill', 'ri-sparkling2-line', 'ri-sparkling2-fill', 'ri-money-dollar-circle-fill', 'ri-money-dollar-circle-line', 'ri-shining2-line', 'ri-shining2-fill', 'ri-infinity', 'ri-discuss-fill', 'ri-discuss-line', 'ri-file-copy2-line', 'ri-checkbox-circle-line', 'ri-attachment-fill', 'ri-attachment-line', 'ri-chat-quote-fill', 'ri-chat-quote-line', 'ri-contacts-fill', 'ri-contacts-line', 'ri-file-list-fill', 'ri-file-list-line', 'ri-graduation-fill', 'ri-graduation-line', 'ri-group-fill', 'ri-group-line', 'ri-phone-fill', 'ri-phone-line', 'ri-survey-fill', 'ri-survey-line', 'ri-hand-coin-fill', 'ri-hand-coin-line'];
|
|
9
|
+
var iconNames = ['custom-sparkling-fill', 'custom-sparkling-line', 'ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-bookmark-fill', 'ri-bookmark-line', 'ri-building-line', 'ri-building-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-check-line', 'ri-calendar-check-fill', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-contract-left-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-download-line', 'ri-equalizer-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-expand-right-line', 'ri-external-link-line', 'ri-eye-off-fill', 'ri-eye-off-line', 'ri-eye-fill', 'ri-eye-line', 'ri-facebook-circle-fill', 'ri-facebook-circle-line', 'ri-file-download-line', 'ri-file-fill', 'ri-file-line', 'ri-file-list3-fill', 'ri-folder-user-fill', 'ri-group2-fill', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedin-fill', 'ri-linkedIn-line', 'ri-loader', 'ri-logout-circle-line', 'ri-mail-line', 'ri-mail-send-fill', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-menu-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-shield-check', 'ri-suitcase3-line', 'ri-suitcase3-fill', 'ri-tiktok-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line', 'ri-upload-fill', 'ri-upload-line', 'ri-user5-line', 'ri-user5-fill', 'ri-sparkling2-line', 'ri-sparkling2-fill', 'ri-money-dollar-circle-fill', 'ri-money-dollar-circle-line', 'ri-shining2-line', 'ri-shining2-fill', 'ri-infinity', 'ri-discuss-fill', 'ri-discuss-line', 'ri-file-copy2-line', 'ri-checkbox-circle-line', 'ri-attachment-fill', 'ri-attachment-line', 'ri-chat-quote-fill', 'ri-chat-quote-line', 'ri-contacts-fill', 'ri-contacts-line', 'ri-file-list-fill', 'ri-file-list-line', 'ri-graduation-fill', 'ri-graduation-line', 'ri-group-fill', 'ri-group-line', 'ri-phone-fill', 'ri-phone-line', 'ri-survey-fill', 'ri-survey-line', 'ri-hand-coin-fill', 'ri-hand-coin-line', 'ri-lock-fill', 'ri-lock-line'];
|
|
10
10
|
exports.iconNames = iconNames;
|
|
11
|
-
var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['custom-sparkling-fill'] = Icons.CustomSparklingFill, _iconsMappingComponen['custom-sparkling-line'] = Icons.CustomSparklingLine, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-bookmark-fill'] = Icons.RiBookmarkFill, _iconsMappingComponen['ri-bookmark-line'] = Icons.RiBookmarkLine, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-building-line'] = Icons.RiBuildingLine, _iconsMappingComponen['ri-building-fill'] = Icons.RiBuildingFill, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-calendar-check-line'] = Icons.RiCalendarCheckLine, _iconsMappingComponen['ri-calendar-check-fill'] = Icons.RiCalendarCheckFill, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-contract-left-line'] = Icons.RiContractLeftLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-download-line'] = Icons.RiDownloadLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-expand-right-line'] = Icons.RiExpandRightLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-fill'] = Icons.RiEyeFill, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-fill'] = Icons.RiEyeOffFill, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-fill'] = Icons.RiFacebookCircleFill, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-download-line'] = Icons.RiFileDownloadLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-group2-fill'] = Icons.RiGroup2Fill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedin-fill'] = Icons.RiLinkedinFill, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-logout-circle-line'] = Icons.RiLogoutCircleLine, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-mail-send-fill'] = Icons.RiMailSendFill, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-menu-line'] = Icons.RiMenuLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-shield-check'] = Icons.RiShieldCheck, _iconsMappingComponen['ri-suitcase3-line'] = Icons.RiSuitcase3Line, _iconsMappingComponen['ri-suitcase3-fill'] = Icons.RiSuitcase3Fill, _iconsMappingComponen['ri-tiktok-line'] = Icons.RiTiktokLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-user5-line'] = Icons.RiUser5Line, _iconsMappingComponen['ri-user5-fill'] = Icons.RiUser5Fill, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen['ri-money-dollar-circle-fill'] = Icons.RiMoneyDollarCircleFill, _iconsMappingComponen['ri-money-dollar-circle-line'] = Icons.RiMoneyDollarCircleLine, _iconsMappingComponen['ri-shining2-line'] = Icons.RiShining2Line, _iconsMappingComponen['ri-shining2-fill'] = Icons.RiShining2Fill, _iconsMappingComponen['ri-infinity'] = Icons.RiInfinity, _iconsMappingComponen['ri-discuss-fill'] = Icons.RiDiscussFill, _iconsMappingComponen['ri-discuss-line'] = Icons.RiDiscussLine, _iconsMappingComponen['ri-file-copy2-line'] = Icons.RiFileCopy2Line, _iconsMappingComponen['ri-checkbox-circle-line'] = Icons.RiCheckboxCircleLine, _iconsMappingComponen['ri-attachment-fill'] = Icons.RiAttachmentFill, _iconsMappingComponen['ri-attachment-line'] = Icons.RiAttachmentLine, _iconsMappingComponen['ri-chat-quote-fill'] = Icons.RiChatQuoteFill, _iconsMappingComponen['ri-chat-quote-line'] = Icons.RiChatQuoteLine, _iconsMappingComponen['ri-contacts-fill'] = Icons.RiContactsFill, _iconsMappingComponen['ri-contacts-line'] = Icons.RiContactsLine, _iconsMappingComponen['ri-file-list-fill'] = Icons.RiFileListFill, _iconsMappingComponen['ri-file-list-line'] = Icons.RiFileListLine, _iconsMappingComponen['ri-graduation-fill'] = Icons.RiGraduationFill, _iconsMappingComponen['ri-graduation-line'] = Icons.RiGraduationLine, _iconsMappingComponen['ri-group-fill'] = Icons.RiGroupFill, _iconsMappingComponen['ri-group-line'] = Icons.RiGroupLine, _iconsMappingComponen['ri-phone-fill'] = Icons.RiPhoneFill, _iconsMappingComponen['ri-phone-line'] = Icons.RiPhoneLine, _iconsMappingComponen['ri-survey-fill'] = Icons.RiSurveyFill, _iconsMappingComponen['ri-survey-line'] = Icons.RiSurveyLine, _iconsMappingComponen['ri-hand-coin-fill'] = Icons.RiHandCoinFill, _iconsMappingComponen['ri-hand-coin-line'] = Icons.RiHandCoinLine, _iconsMappingComponen);
|
|
11
|
+
var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['custom-sparkling-fill'] = Icons.CustomSparklingFill, _iconsMappingComponen['custom-sparkling-line'] = Icons.CustomSparklingLine, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-bookmark-fill'] = Icons.RiBookmarkFill, _iconsMappingComponen['ri-bookmark-line'] = Icons.RiBookmarkLine, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-building-line'] = Icons.RiBuildingLine, _iconsMappingComponen['ri-building-fill'] = Icons.RiBuildingFill, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-calendar-check-line'] = Icons.RiCalendarCheckLine, _iconsMappingComponen['ri-calendar-check-fill'] = Icons.RiCalendarCheckFill, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-contract-left-line'] = Icons.RiContractLeftLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-download-line'] = Icons.RiDownloadLine, _iconsMappingComponen['ri-equalizer-line'] = Icons.RiEqualizerLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-expand-right-line'] = Icons.RiExpandRightLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-eye-fill'] = Icons.RiEyeFill, _iconsMappingComponen['ri-eye-line'] = Icons.RiEyeLine, _iconsMappingComponen['ri-eye-off-fill'] = Icons.RiEyeOffFill, _iconsMappingComponen['ri-eye-off-line'] = Icons.RiEyeOffLine, _iconsMappingComponen['ri-facebook-circle-fill'] = Icons.RiFacebookCircleFill, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-file-download-line'] = Icons.RiFileDownloadLine, _iconsMappingComponen['ri-file-fill'] = Icons.RiFileFill, _iconsMappingComponen['ri-file-line'] = Icons.RiFileLine, _iconsMappingComponen['ri-file-list3-fill'] = Icons.RiFileList3Fill, _iconsMappingComponen['ri-folder-user-fill'] = Icons.RiFolderUserFill, _iconsMappingComponen['ri-group2-fill'] = Icons.RiGroup2Fill, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedin-fill'] = Icons.RiLinkedinFill, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-logout-circle-line'] = Icons.RiLogoutCircleLine, _iconsMappingComponen['ri-mail-line'] = Icons.RiMailLine, _iconsMappingComponen['ri-mail-send-fill'] = Icons.RiMailSendFill, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-menu-line'] = Icons.RiMenuLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-shield-check'] = Icons.RiShieldCheck, _iconsMappingComponen['ri-suitcase3-line'] = Icons.RiSuitcase3Line, _iconsMappingComponen['ri-suitcase3-fill'] = Icons.RiSuitcase3Fill, _iconsMappingComponen['ri-tiktok-line'] = Icons.RiTiktokLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen['ri-upload-fill'] = Icons.RiUploadFill, _iconsMappingComponen['ri-upload-line'] = Icons.RiUploadLine, _iconsMappingComponen['ri-user5-line'] = Icons.RiUser5Line, _iconsMappingComponen['ri-user5-fill'] = Icons.RiUser5Fill, _iconsMappingComponen['ri-sparkling2-line'] = Icons.RiSparkling2Line, _iconsMappingComponen['ri-sparkling2-fill'] = Icons.RiSparkling2Fill, _iconsMappingComponen['ri-money-dollar-circle-fill'] = Icons.RiMoneyDollarCircleFill, _iconsMappingComponen['ri-money-dollar-circle-line'] = Icons.RiMoneyDollarCircleLine, _iconsMappingComponen['ri-shining2-line'] = Icons.RiShining2Line, _iconsMappingComponen['ri-shining2-fill'] = Icons.RiShining2Fill, _iconsMappingComponen['ri-infinity'] = Icons.RiInfinity, _iconsMappingComponen['ri-discuss-fill'] = Icons.RiDiscussFill, _iconsMappingComponen['ri-discuss-line'] = Icons.RiDiscussLine, _iconsMappingComponen['ri-file-copy2-line'] = Icons.RiFileCopy2Line, _iconsMappingComponen['ri-checkbox-circle-line'] = Icons.RiCheckboxCircleLine, _iconsMappingComponen['ri-attachment-fill'] = Icons.RiAttachmentFill, _iconsMappingComponen['ri-attachment-line'] = Icons.RiAttachmentLine, _iconsMappingComponen['ri-chat-quote-fill'] = Icons.RiChatQuoteFill, _iconsMappingComponen['ri-chat-quote-line'] = Icons.RiChatQuoteLine, _iconsMappingComponen['ri-contacts-fill'] = Icons.RiContactsFill, _iconsMappingComponen['ri-contacts-line'] = Icons.RiContactsLine, _iconsMappingComponen['ri-file-list-fill'] = Icons.RiFileListFill, _iconsMappingComponen['ri-file-list-line'] = Icons.RiFileListLine, _iconsMappingComponen['ri-graduation-fill'] = Icons.RiGraduationFill, _iconsMappingComponen['ri-graduation-line'] = Icons.RiGraduationLine, _iconsMappingComponen['ri-group-fill'] = Icons.RiGroupFill, _iconsMappingComponen['ri-group-line'] = Icons.RiGroupLine, _iconsMappingComponen['ri-phone-fill'] = Icons.RiPhoneFill, _iconsMappingComponen['ri-phone-line'] = Icons.RiPhoneLine, _iconsMappingComponen['ri-survey-fill'] = Icons.RiSurveyFill, _iconsMappingComponen['ri-survey-line'] = Icons.RiSurveyLine, _iconsMappingComponen['ri-hand-coin-fill'] = Icons.RiHandCoinFill, _iconsMappingComponen['ri-hand-coin-line'] = Icons.RiHandCoinLine, _iconsMappingComponen['ri-lock-fill'] = Icons.RiLockFill, _iconsMappingComponen['ri-lock-line'] = Icons.RiLockLine, _iconsMappingComponen);
|
|
12
12
|
exports.iconsMappingComponent = iconsMappingComponent;
|
|
@@ -3,5 +3,6 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
3
3
|
error?: boolean;
|
|
4
4
|
prefix?: React.ReactNode;
|
|
5
5
|
suffix?: React.ReactNode;
|
|
6
|
+
inputRef?: React.Ref<HTMLInputElement>;
|
|
6
7
|
}
|
|
7
8
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
package/lib/@next/Input/Input.js
CHANGED
|
@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
7
7
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _InputStyle = require("./InputStyle");
|
|
10
|
-
var _excluded = ["error", "disabled", "prefix", "suffix"];
|
|
10
|
+
var _excluded = ["error", "disabled", "prefix", "suffix", "inputRef"];
|
|
11
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
13
|
var Input = /*#__PURE__*/_react["default"].forwardRef(function Input(_ref, ref) {
|
|
@@ -15,6 +15,7 @@ var Input = /*#__PURE__*/_react["default"].forwardRef(function Input(_ref, ref)
|
|
|
15
15
|
disabled = _ref.disabled,
|
|
16
16
|
prefix = _ref.prefix,
|
|
17
17
|
suffix = _ref.suffix,
|
|
18
|
+
inputRef = _ref.inputRef,
|
|
18
19
|
props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
|
|
19
20
|
var hasPrefix = !!prefix;
|
|
20
21
|
var hasSuffix = !!suffix;
|
|
@@ -57,6 +58,7 @@ var Input = /*#__PURE__*/_react["default"].forwardRef(function Input(_ref, ref)
|
|
|
57
58
|
prefixWidth: prefixWidth,
|
|
58
59
|
suffixWidth: suffixWidth
|
|
59
60
|
}, /*#__PURE__*/_react["default"].createElement(Prefix, null), /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledInput, (0, _extends2["default"])({
|
|
61
|
+
ref: inputRef,
|
|
60
62
|
disabled: disabled
|
|
61
63
|
}, props)), /*#__PURE__*/_react["default"].createElement(Suffix, null));
|
|
62
64
|
});
|
|
@@ -14,7 +14,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
14
14
|
var StyledContainer = _styledComponents["default"].div.withConfig({
|
|
15
15
|
displayName: "InputStyle__StyledContainer",
|
|
16
16
|
componentId: "sc-15z2mnd-0"
|
|
17
|
-
})(["position:relative;display:flex;flex-direction:column;flex:1;flex-basis:100%;font-family:'Noto Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;&[data-prefix='true'] input{padding-left:", "px;}&[data-suffix='true'] input{padding-right:", "px;}&[data-error='true'] input{border:1px solid ", ";}&[data-error='true'] input:focus{box-shadow:none;}&[data-disabled='true'] input{border:1px solid ", ";background:", ";color:", ";}&[data-disabled='true'] input::placeholder{color:", ";}&[data-disabled='true'] svg{fill:", ";}&[data-disabled='true'] div{color:", ";}"], function (props) {
|
|
17
|
+
})(["position:relative;display:flex;flex-direction:column;flex:1;flex-basis:100%;font-family:'Noto Sans',sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;&[data-prefix='true'] input{padding-left:", "px;}&[data-suffix='true'] input{padding-right:", "px;}&[data-error='true'] input{border:1px solid ", ";}&[data-error='true'] input:focus{box-shadow:none;}&[data-disabled='true'] input{border:1px solid ", ";background:", ";color:", ";cursor:not-allowed;}&[data-disabled='true'] input::placeholder{color:", ";}&[data-disabled='true'] svg{fill:", ";}&[data-disabled='true'] div{color:", ";}"], function (props) {
|
|
18
18
|
return props.prefixWidth;
|
|
19
19
|
}, function (props) {
|
|
20
20
|
return props.suffixWidth;
|
package/lib/@next/index.d.ts
CHANGED
|
@@ -8,6 +8,8 @@ export type { ActionListProps, Item as ActionListItem, Section as ActionListSect
|
|
|
8
8
|
export { ActionList } from './ActionList';
|
|
9
9
|
export type { AlertContextProps, AlertProps } from './Alert';
|
|
10
10
|
export { Alert, AlertContext, AlertProvider, AlertWithProvider, useAlert, } from './Alert';
|
|
11
|
+
export { AuthenticationInput } from './AuthenticationInput';
|
|
12
|
+
export type { AuthenticationInputProps } from './AuthenticationInput';
|
|
11
13
|
export type { AvatarProps } from './Avatar';
|
|
12
14
|
export { Avatar } from './Avatar';
|
|
13
15
|
export type { BadgeProps } from './Badge';
|
package/lib/@next/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.Upload = exports.Typography = exports.Tooltip = exports.TextInput = exports.TextArea = exports.Tag = exports.Tabs = exports.Tab = exports.Switch = exports.Spinner = exports.Spacing = exports.SkeletonText = exports.SkeletonImageSquare = exports.SkeletonImageCircle = exports.SimplePagination = exports.SideSheet = exports.Select = exports.RadioButton = exports.PrimaryButton = exports.Portal = exports.Popover = exports.PasswordInput = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInput = exports.ModalWithProvider = exports.ModalProvider = exports.ModalContext = exports.Modal = exports.Menu = exports.Link = exports.InlineError = exports.IndexTable = exports.IconPagination = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTable = exports.CurrencyInput = exports.Combobox = exports.Colors = exports.Checkbox = exports.Carousel = exports.Card = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.Bar = exports.Banner = exports.Badge = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertContext = exports.Alert = exports.ActionList = void 0;
|
|
4
|
+
exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.Upload = exports.Typography = exports.Tooltip = exports.TextInput = exports.TextArea = exports.Tag = exports.Tabs = exports.Tab = exports.Switch = exports.Spinner = exports.Spacing = exports.SkeletonText = exports.SkeletonImageSquare = exports.SkeletonImageCircle = exports.SimplePagination = exports.SideSheet = exports.Select = exports.RadioButton = exports.PrimaryButton = exports.Portal = exports.Popover = exports.PasswordInput = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInput = exports.ModalWithProvider = exports.ModalProvider = exports.ModalContext = exports.Modal = exports.Menu = exports.Link = exports.InlineError = exports.IndexTable = exports.IconPagination = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTable = exports.CurrencyInput = exports.Combobox = exports.Colors = exports.Checkbox = exports.Carousel = exports.Card = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.Bar = exports.Banner = exports.Badge = exports.Avatar = exports.AuthenticationInput = exports.AlertWithProvider = exports.AlertProvider = exports.AlertContext = exports.Alert = exports.ActionList = void 0;
|
|
5
5
|
var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
|
|
6
6
|
exports.BorderRadius = BorderRadius;
|
|
7
7
|
var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
|
|
@@ -22,6 +22,8 @@ exports.AlertContext = _Alert.AlertContext;
|
|
|
22
22
|
exports.AlertProvider = _Alert.AlertProvider;
|
|
23
23
|
exports.AlertWithProvider = _Alert.AlertWithProvider;
|
|
24
24
|
exports.useAlert = _Alert.useAlert;
|
|
25
|
+
var _AuthenticationInput = require("./AuthenticationInput");
|
|
26
|
+
exports.AuthenticationInput = _AuthenticationInput.AuthenticationInput;
|
|
25
27
|
var _Avatar = require("./Avatar");
|
|
26
28
|
exports.Avatar = _Avatar.Avatar;
|
|
27
29
|
var _Badge = require("./Badge");
|