@xaypay/tui 0.0.58 → 0.0.59
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/dist/index.es.js
CHANGED
|
@@ -46,7 +46,7 @@ const File = ({
|
|
|
46
46
|
onChange,
|
|
47
47
|
className,
|
|
48
48
|
defaultData,
|
|
49
|
-
|
|
49
|
+
errorMessage,
|
|
50
50
|
fileExtensions,
|
|
51
51
|
...props
|
|
52
52
|
}) => {
|
|
@@ -113,7 +113,7 @@ const File = ({
|
|
|
113
113
|
className: classnames(`${styles$b['file-form-wrap']} file-form-wrap-rem`, image ? styles$b['active'] : '')
|
|
114
114
|
}, /*#__PURE__*/React.createElement("div", {
|
|
115
115
|
onChange: e => console.log(e),
|
|
116
|
-
className: `${styles$b['file-form']} file-form-rem ${
|
|
116
|
+
className: `${styles$b['file-form']} file-form-rem ${errorMessage ? styles$b['error'] : ''}`,
|
|
117
117
|
onClick: () => document.querySelector(`.${name}`).click()
|
|
118
118
|
}, /*#__PURE__*/React.createElement("input", {
|
|
119
119
|
hidden: true,
|
|
@@ -142,11 +142,11 @@ const File = ({
|
|
|
142
142
|
onClick: handleRemoveFile
|
|
143
143
|
}, /*#__PURE__*/React.createElement("i", {
|
|
144
144
|
className: "icon-delete"
|
|
145
|
-
})),
|
|
145
|
+
})), errorMessage || error ? /*#__PURE__*/React.createElement("span", {
|
|
146
146
|
style: {
|
|
147
147
|
color: 'red'
|
|
148
148
|
}
|
|
149
|
-
},
|
|
149
|
+
}, errorMessage || error) : null));
|
|
150
150
|
};
|
|
151
151
|
File.propTypes = {
|
|
152
152
|
label: PropTypes.string,
|
|
@@ -155,7 +155,7 @@ File.propTypes = {
|
|
|
155
155
|
onChange: PropTypes.func,
|
|
156
156
|
maxSize: PropTypes.number,
|
|
157
157
|
className: PropTypes.string,
|
|
158
|
-
|
|
158
|
+
errorMessage: PropTypes.string,
|
|
159
159
|
defaultData: PropTypes.object,
|
|
160
160
|
fileExtensions: PropTypes.arrayOf(PropTypes.string)
|
|
161
161
|
};
|
|
@@ -347,7 +347,7 @@ Table.propTypes = {
|
|
|
347
347
|
Table.defaultProps = {
|
|
348
348
|
className: "",
|
|
349
349
|
onChange: undefined,
|
|
350
|
-
|
|
350
|
+
errorMessage: "",
|
|
351
351
|
config: {
|
|
352
352
|
isHeader: true,
|
|
353
353
|
isCheckbox: {
|
|
@@ -1576,7 +1576,7 @@ const Autocomplate = ({
|
|
|
1576
1576
|
className,
|
|
1577
1577
|
searchCount,
|
|
1578
1578
|
placeHolder,
|
|
1579
|
-
|
|
1579
|
+
errorMessage,
|
|
1580
1580
|
autoComplete,
|
|
1581
1581
|
jsonOptionsData,
|
|
1582
1582
|
jsonSelectedOptionsData,
|
|
@@ -1664,7 +1664,7 @@ const Autocomplate = ({
|
|
|
1664
1664
|
id: inputId,
|
|
1665
1665
|
type: "text",
|
|
1666
1666
|
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
1667
|
-
className: `${styles['autocomplate-content-top']} autocomplate-content-top-rem ${
|
|
1667
|
+
className: `${styles['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles.errorBorder : ''}`,
|
|
1668
1668
|
disabled: disabled,
|
|
1669
1669
|
onChange: handleChange,
|
|
1670
1670
|
onClick: () => {
|
|
@@ -1672,9 +1672,9 @@ const Autocomplate = ({
|
|
|
1672
1672
|
},
|
|
1673
1673
|
value: inputValue,
|
|
1674
1674
|
placeholder: placeHolder
|
|
1675
|
-
}, props)),
|
|
1675
|
+
}, props)), errorMessage ? /*#__PURE__*/React.createElement("span", {
|
|
1676
1676
|
className: styles.errorMessage
|
|
1677
|
-
},
|
|
1677
|
+
}, errorMessage) : null, optionList));
|
|
1678
1678
|
};
|
|
1679
1679
|
Autocomplate.propTypes = {
|
|
1680
1680
|
label: PropTypes.string,
|
|
@@ -1685,7 +1685,7 @@ Autocomplate.propTypes = {
|
|
|
1685
1685
|
keyNames: PropTypes.object,
|
|
1686
1686
|
className: PropTypes.string,
|
|
1687
1687
|
searchCount: PropTypes.number,
|
|
1688
|
-
|
|
1688
|
+
errorMessage: PropTypes.string,
|
|
1689
1689
|
placeHolder: PropTypes.string,
|
|
1690
1690
|
autoComplete: PropTypes.string,
|
|
1691
1691
|
jsonOptionsData: PropTypes.string,
|
package/dist/index.js
CHANGED
|
@@ -57,7 +57,7 @@ const File = ({
|
|
|
57
57
|
onChange,
|
|
58
58
|
className,
|
|
59
59
|
defaultData,
|
|
60
|
-
|
|
60
|
+
errorMessage,
|
|
61
61
|
fileExtensions,
|
|
62
62
|
...props
|
|
63
63
|
}) => {
|
|
@@ -124,7 +124,7 @@ const File = ({
|
|
|
124
124
|
className: classnames__default["default"](`${styles$b['file-form-wrap']} file-form-wrap-rem`, image ? styles$b['active'] : '')
|
|
125
125
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
126
126
|
onChange: e => console.log(e),
|
|
127
|
-
className: `${styles$b['file-form']} file-form-rem ${
|
|
127
|
+
className: `${styles$b['file-form']} file-form-rem ${errorMessage ? styles$b['error'] : ''}`,
|
|
128
128
|
onClick: () => document.querySelector(`.${name}`).click()
|
|
129
129
|
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
130
130
|
hidden: true,
|
|
@@ -153,11 +153,11 @@ const File = ({
|
|
|
153
153
|
onClick: handleRemoveFile
|
|
154
154
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
155
155
|
className: "icon-delete"
|
|
156
|
-
})),
|
|
156
|
+
})), errorMessage || error ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
157
157
|
style: {
|
|
158
158
|
color: 'red'
|
|
159
159
|
}
|
|
160
|
-
},
|
|
160
|
+
}, errorMessage || error) : null));
|
|
161
161
|
};
|
|
162
162
|
File.propTypes = {
|
|
163
163
|
label: PropTypes__default["default"].string,
|
|
@@ -166,7 +166,7 @@ File.propTypes = {
|
|
|
166
166
|
onChange: PropTypes__default["default"].func,
|
|
167
167
|
maxSize: PropTypes__default["default"].number,
|
|
168
168
|
className: PropTypes__default["default"].string,
|
|
169
|
-
|
|
169
|
+
errorMessage: PropTypes__default["default"].string,
|
|
170
170
|
defaultData: PropTypes__default["default"].object,
|
|
171
171
|
fileExtensions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)
|
|
172
172
|
};
|
|
@@ -358,7 +358,7 @@ Table.propTypes = {
|
|
|
358
358
|
Table.defaultProps = {
|
|
359
359
|
className: "",
|
|
360
360
|
onChange: undefined,
|
|
361
|
-
|
|
361
|
+
errorMessage: "",
|
|
362
362
|
config: {
|
|
363
363
|
isHeader: true,
|
|
364
364
|
isCheckbox: {
|
|
@@ -1587,7 +1587,7 @@ const Autocomplate = ({
|
|
|
1587
1587
|
className,
|
|
1588
1588
|
searchCount,
|
|
1589
1589
|
placeHolder,
|
|
1590
|
-
|
|
1590
|
+
errorMessage,
|
|
1591
1591
|
autoComplete,
|
|
1592
1592
|
jsonOptionsData,
|
|
1593
1593
|
jsonSelectedOptionsData,
|
|
@@ -1675,7 +1675,7 @@ const Autocomplate = ({
|
|
|
1675
1675
|
id: inputId,
|
|
1676
1676
|
type: "text",
|
|
1677
1677
|
autoComplete: autoComplete ? autoComplete : configStyles.INPUT.autoComplete,
|
|
1678
|
-
className: `${styles['autocomplate-content-top']} autocomplate-content-top-rem ${
|
|
1678
|
+
className: `${styles['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles.errorBorder : ''}`,
|
|
1679
1679
|
disabled: disabled,
|
|
1680
1680
|
onChange: handleChange,
|
|
1681
1681
|
onClick: () => {
|
|
@@ -1683,9 +1683,9 @@ const Autocomplate = ({
|
|
|
1683
1683
|
},
|
|
1684
1684
|
value: inputValue,
|
|
1685
1685
|
placeholder: placeHolder
|
|
1686
|
-
}, props)),
|
|
1686
|
+
}, props)), errorMessage ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
1687
1687
|
className: styles.errorMessage
|
|
1688
|
-
},
|
|
1688
|
+
}, errorMessage) : null, optionList));
|
|
1689
1689
|
};
|
|
1690
1690
|
Autocomplate.propTypes = {
|
|
1691
1691
|
label: PropTypes__default["default"].string,
|
|
@@ -1696,7 +1696,7 @@ Autocomplate.propTypes = {
|
|
|
1696
1696
|
keyNames: PropTypes__default["default"].object,
|
|
1697
1697
|
className: PropTypes__default["default"].string,
|
|
1698
1698
|
searchCount: PropTypes__default["default"].number,
|
|
1699
|
-
|
|
1699
|
+
errorMessage: PropTypes__default["default"].string,
|
|
1700
1700
|
placeHolder: PropTypes__default["default"].string,
|
|
1701
1701
|
autoComplete: PropTypes__default["default"].string,
|
|
1702
1702
|
jsonOptionsData: PropTypes__default["default"].string,
|
package/package.json
CHANGED
|
@@ -14,7 +14,7 @@ export const Autocomplate = ({
|
|
|
14
14
|
className,
|
|
15
15
|
searchCount,
|
|
16
16
|
placeHolder,
|
|
17
|
-
|
|
17
|
+
errorMessage,
|
|
18
18
|
autoComplete,
|
|
19
19
|
jsonOptionsData,
|
|
20
20
|
jsonSelectedOptionsData,
|
|
@@ -101,7 +101,7 @@ export const Autocomplate = ({
|
|
|
101
101
|
id={inputId}
|
|
102
102
|
type="text"
|
|
103
103
|
autoComplete={autoComplete ? autoComplete : configStyles.INPUT.autoComplete}
|
|
104
|
-
className={`${styles['autocomplate-content-top']} autocomplate-content-top-rem ${
|
|
104
|
+
className={`${styles['autocomplate-content-top']} autocomplate-content-top-rem ${errorMessage ? styles.errorBorder : ''}`}
|
|
105
105
|
disabled={disabled}
|
|
106
106
|
onChange={handleChange}
|
|
107
107
|
onClick={() => { setShowOptions(!showOptions) }}
|
|
@@ -109,7 +109,7 @@ export const Autocomplate = ({
|
|
|
109
109
|
placeholder={placeHolder}
|
|
110
110
|
{...props}
|
|
111
111
|
/>
|
|
112
|
-
{
|
|
112
|
+
{errorMessage ? <span className={styles.errorMessage}>{errorMessage}</span> : null}
|
|
113
113
|
{optionList}
|
|
114
114
|
</div>
|
|
115
115
|
</>
|
|
@@ -125,7 +125,7 @@ Autocomplate.propTypes = {
|
|
|
125
125
|
keyNames: PropTypes.object,
|
|
126
126
|
className: PropTypes.string,
|
|
127
127
|
searchCount: PropTypes.number,
|
|
128
|
-
|
|
128
|
+
errorMessage: PropTypes.string,
|
|
129
129
|
placeHolder: PropTypes.string,
|
|
130
130
|
autoComplete: PropTypes.string,
|
|
131
131
|
jsonOptionsData: PropTypes.string,
|
|
@@ -13,7 +13,7 @@ export const File = ({
|
|
|
13
13
|
onChange,
|
|
14
14
|
className,
|
|
15
15
|
defaultData,
|
|
16
|
-
|
|
16
|
+
errorMessage,
|
|
17
17
|
fileExtensions,
|
|
18
18
|
...props
|
|
19
19
|
}) => {
|
|
@@ -77,7 +77,7 @@ export const File = ({
|
|
|
77
77
|
<div className={classnames(`${styles['file-form-wrap']} file-form-wrap-rem`,image ? styles['active'] : '')}>
|
|
78
78
|
<div
|
|
79
79
|
onChange={(e) => console.log(e)}
|
|
80
|
-
className={`${styles['file-form']} file-form-rem ${
|
|
80
|
+
className={`${styles['file-form']} file-form-rem ${errorMessage ? styles['error'] : '' }`}
|
|
81
81
|
onClick={() => document.querySelector(`.${name}`).click()}
|
|
82
82
|
>
|
|
83
83
|
<input
|
|
@@ -110,7 +110,7 @@ export const File = ({
|
|
|
110
110
|
<i className="icon-delete"/>
|
|
111
111
|
</div>
|
|
112
112
|
{
|
|
113
|
-
|
|
113
|
+
errorMessage || error ? <span style={{ color: 'red' }}>{errorMessage || error}</span> : null
|
|
114
114
|
}
|
|
115
115
|
</div>
|
|
116
116
|
</>
|
|
@@ -124,7 +124,7 @@ File.propTypes = {
|
|
|
124
124
|
onChange: PropTypes.func,
|
|
125
125
|
maxSize: PropTypes.number,
|
|
126
126
|
className: PropTypes.string,
|
|
127
|
-
|
|
127
|
+
errorMessage: PropTypes.string,
|
|
128
128
|
defaultData: PropTypes.object,
|
|
129
129
|
fileExtensions: PropTypes.arrayOf(PropTypes.string)
|
|
130
130
|
};
|