@xaypay/tui 0.0.41 → 0.0.42

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.
@@ -2,7 +2,8 @@
2
2
  <project version="4">
3
3
  <component name="ChangeListManager">
4
4
  <list default="true" id="2ce9202b-7142-421e-9ae6-10ddc79c4729" name="Default" comment="">
5
- <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/select/select.module.css" afterPath="$PROJECT_DIR$/src/components/select/select.module.css" />
5
+ <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
6
+ <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/components/file/file.module.css" afterPath="$PROJECT_DIR$/src/components/file/file.module.css" />
6
7
  </list>
7
8
  <ignored path="$PROJECT_DIR$/.tmp/" />
8
9
  <ignored path="$PROJECT_DIR$/temp/" />
@@ -23,10 +24,10 @@
23
24
  <split-first>
24
25
  <leaf>
25
26
  <file leaf-file-name="index.js" pinned="false" current-in-tab="true">
26
- <entry file="file://$PROJECT_DIR$/src/components/select/index.js">
27
+ <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
27
28
  <provider selected="true" editor-type-id="text-editor">
28
- <state relative-caret-position="313">
29
- <caret line="90" column="44" lean-forward="true" selection-start-line="90" selection-start-column="44" selection-end-line="90" selection-end-column="44" />
29
+ <state relative-caret-position="266">
30
+ <caret line="71" column="44" lean-forward="false" selection-start-line="71" selection-start-column="44" selection-end-line="71" selection-end-column="63" />
30
31
  <folding />
31
32
  </state>
32
33
  </provider>
@@ -36,11 +37,11 @@
36
37
  </split-first>
37
38
  <split-second>
38
39
  <leaf>
39
- <file leaf-file-name="select.module.css" pinned="false" current-in-tab="true">
40
- <entry file="file://$PROJECT_DIR$/src/components/select/select.module.css">
40
+ <file leaf-file-name="file.module.css" pinned="false" current-in-tab="true">
41
+ <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
41
42
  <provider selected="true" editor-type-id="text-editor">
42
- <state relative-caret-position="119">
43
- <caret line="79" column="31" lean-forward="false" selection-start-line="79" selection-start-column="31" selection-end-line="79" selection-end-column="31" />
43
+ <state relative-caret-position="272">
44
+ <caret line="16" column="21" lean-forward="false" selection-start-line="16" selection-start-column="21" selection-end-line="16" selection-end-column="21" />
44
45
  <folding />
45
46
  </state>
46
47
  </provider>
@@ -130,17 +131,17 @@
130
131
  <option value="$PROJECT_DIR$/src/components/button/button.module.css" />
131
132
  <option value="$PROJECT_DIR$/src/components/pagination/index.js" />
132
133
  <option value="$PROJECT_DIR$/src/components/autocomplate/autocomplate.module.css" />
133
- <option value="$PROJECT_DIR$/src/components/input/input.module.css" />
134
134
  <option value="$PROJECT_DIR$/src/components/input/index.js" />
135
135
  <option value="$PROJECT_DIR$/src/components/autocomplate/index.js" />
136
136
  <option value="$PROJECT_DIR$/src/components/checkbox/checkbox.module.css" />
137
137
  <option value="$PROJECT_DIR$/src/components/pagination/pagination.module.css" />
138
138
  <option value="$PROJECT_DIR$/src/components/modal/modal.module.css" />
139
139
  <option value="$PROJECT_DIR$/src/components/file/index.js" />
140
- <option value="$PROJECT_DIR$/src/components/file/file.module.css" />
141
140
  <option value="$PROJECT_DIR$/src/components/typography/typography.module.css" />
142
141
  <option value="$PROJECT_DIR$/src/components/select/index.js" />
143
142
  <option value="$PROJECT_DIR$/src/components/select/select.module.css" />
143
+ <option value="$PROJECT_DIR$/src/components/input/input.module.css" />
144
+ <option value="$PROJECT_DIR$/src/components/file/file.module.css" />
144
145
  </list>
145
146
  </option>
146
147
  </component>
@@ -811,7 +812,7 @@
811
812
  <servers />
812
813
  </component>
813
814
  <component name="TimeTrackingManager">
814
- <option name="totallyTimeSpent" value="85846000" />
815
+ <option name="totallyTimeSpent" value="88478000" />
815
816
  </component>
816
817
  <component name="TodoView">
817
818
  <todo-panel id="selected-file">
@@ -826,7 +827,7 @@
826
827
  <frame x="-8" y="-8" width="1616" height="876" extended-state="0" />
827
828
  <editor active="true" />
828
829
  <layout>
829
- <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.17870723" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
830
+ <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.22370088" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
830
831
  <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
831
832
  <window_info id="Messages" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
832
833
  <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="11" side_tool="true" content_ui="tabs" />
@@ -835,7 +836,7 @@
835
836
  <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.5491252" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
836
837
  <window_info id="npm" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="true" content_ui="tabs" />
837
838
  <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
838
- <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.3001346" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
839
+ <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.218035" sideWeight="0.5" order="11" side_tool="false" content_ui="tabs" />
839
840
  <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
840
841
  <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="true" content_ui="tabs" />
841
842
  <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
@@ -1184,7 +1185,6 @@
1184
1185
  <provider selected="true" editor-type-id="text-editor">
1185
1186
  <state relative-caret-position="354">
1186
1187
  <caret line="78" column="19" lean-forward="false" selection-start-line="78" selection-start-column="19" selection-end-line="78" selection-end-column="19" />
1187
- <folding />
1188
1188
  </state>
1189
1189
  </provider>
1190
1190
  </entry>
@@ -1212,14 +1212,6 @@
1212
1212
  </state>
1213
1213
  </provider>
1214
1214
  </entry>
1215
- <entry file="file://$PROJECT_DIR$/src/components/input/input.module.css">
1216
- <provider selected="true" editor-type-id="text-editor">
1217
- <state relative-caret-position="408">
1218
- <caret line="42" column="23" lean-forward="false" selection-start-line="42" selection-start-column="23" selection-end-line="42" selection-end-column="23" />
1219
- <folding />
1220
- </state>
1221
- </provider>
1222
- </entry>
1223
1215
  <entry file="file://$PROJECT_DIR$/src/components/pagination/index.js">
1224
1216
  <provider selected="true" editor-type-id="text-editor">
1225
1217
  <state relative-caret-position="499">
@@ -1231,7 +1223,6 @@
1231
1223
  <provider selected="true" editor-type-id="text-editor">
1232
1224
  <state relative-caret-position="119">
1233
1225
  <caret line="22" column="16" lean-forward="false" selection-start-line="22" selection-start-column="16" selection-end-line="22" selection-end-column="16" />
1234
- <folding />
1235
1226
  </state>
1236
1227
  </provider>
1237
1228
  </entry>
@@ -1239,7 +1230,6 @@
1239
1230
  <provider selected="true" editor-type-id="text-editor">
1240
1231
  <state relative-caret-position="374">
1241
1232
  <caret line="34" column="28" lean-forward="false" selection-start-line="34" selection-start-column="28" selection-end-line="34" selection-end-column="28" />
1242
- <folding />
1243
1233
  </state>
1244
1234
  </provider>
1245
1235
  </entry>
@@ -1247,7 +1237,6 @@
1247
1237
  <provider selected="true" editor-type-id="text-editor">
1248
1238
  <state relative-caret-position="374">
1249
1239
  <caret line="22" column="20" lean-forward="false" selection-start-line="22" selection-start-column="20" selection-end-line="22" selection-end-column="20" />
1250
- <folding />
1251
1240
  </state>
1252
1241
  </provider>
1253
1242
  </entry>
@@ -1259,36 +1248,33 @@
1259
1248
  </state>
1260
1249
  </provider>
1261
1250
  </entry>
1262
- <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
1251
+ <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
1263
1252
  <provider selected="true" editor-type-id="text-editor">
1264
- <state relative-caret-position="459">
1265
- <caret line="33" column="25" lean-forward="false" selection-start-line="33" selection-start-column="25" selection-end-line="33" selection-end-column="25" />
1266
- <folding>
1267
- <marker date="1672138325361" expanded="true" signature="340:714" ph="..." />
1268
- </folding>
1253
+ <state relative-caret-position="765">
1254
+ <caret line="45" column="19" lean-forward="false" selection-start-line="45" selection-start-column="19" selection-end-line="45" selection-end-column="19" />
1255
+ <folding />
1269
1256
  </state>
1270
1257
  </provider>
1271
1258
  </entry>
1272
- <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
1259
+ <entry file="file://$PROJECT_DIR$/src/components/stepper/stepper.module.css">
1273
1260
  <provider selected="true" editor-type-id="text-editor">
1274
- <state relative-caret-position="402">
1275
- <caret line="91" column="38" lean-forward="false" selection-start-line="91" selection-start-column="38" selection-end-line="91" selection-end-column="38" />
1276
- <folding />
1261
+ <state relative-caret-position="233">
1262
+ <caret line="36" column="18" lean-forward="false" selection-start-line="36" selection-start-column="18" selection-end-line="36" selection-end-column="18" />
1277
1263
  </state>
1278
1264
  </provider>
1279
1265
  </entry>
1280
- <entry file="file://$PROJECT_DIR$/src/components/typography/typography.module.css">
1266
+ <entry file="file://$PROJECT_DIR$/src/components/input/input.module.css">
1281
1267
  <provider selected="true" editor-type-id="text-editor">
1282
- <state relative-caret-position="765">
1283
- <caret line="45" column="19" lean-forward="false" selection-start-line="45" selection-start-column="19" selection-end-line="45" selection-end-column="19" />
1268
+ <state relative-caret-position="136">
1269
+ <caret line="29" column="16" lean-forward="false" selection-start-line="29" selection-start-column="16" selection-end-line="29" selection-end-column="16" />
1284
1270
  <folding />
1285
1271
  </state>
1286
1272
  </provider>
1287
1273
  </entry>
1288
- <entry file="file://$PROJECT_DIR$/src/components/stepper/stepper.module.css">
1274
+ <entry file="file://$PROJECT_DIR$/src/components/select/select.module.css">
1289
1275
  <provider selected="true" editor-type-id="text-editor">
1290
- <state relative-caret-position="233">
1291
- <caret line="36" column="18" lean-forward="false" selection-start-line="36" selection-start-column="18" selection-end-line="36" selection-end-column="18" />
1276
+ <state relative-caret-position="119">
1277
+ <caret line="79" column="19" lean-forward="false" selection-start-line="79" selection-start-column="19" selection-end-line="79" selection-end-column="19" />
1292
1278
  <folding />
1293
1279
  </state>
1294
1280
  </provider>
@@ -1296,15 +1282,23 @@
1296
1282
  <entry file="file://$PROJECT_DIR$/src/components/select/index.js">
1297
1283
  <provider selected="true" editor-type-id="text-editor">
1298
1284
  <state relative-caret-position="313">
1299
- <caret line="90" column="44" lean-forward="true" selection-start-line="90" selection-start-column="44" selection-end-line="90" selection-end-column="44" />
1285
+ <caret line="90" column="44" lean-forward="false" selection-start-line="90" selection-start-column="44" selection-end-line="90" selection-end-column="44" />
1300
1286
  <folding />
1301
1287
  </state>
1302
1288
  </provider>
1303
1289
  </entry>
1304
- <entry file="file://$PROJECT_DIR$/src/components/select/select.module.css">
1290
+ <entry file="file://$PROJECT_DIR$/src/components/file/index.js">
1305
1291
  <provider selected="true" editor-type-id="text-editor">
1306
- <state relative-caret-position="119">
1307
- <caret line="79" column="31" lean-forward="false" selection-start-line="79" selection-start-column="31" selection-end-line="79" selection-end-column="31" />
1292
+ <state relative-caret-position="266">
1293
+ <caret line="71" column="44" lean-forward="false" selection-start-line="71" selection-start-column="44" selection-end-line="71" selection-end-column="63" />
1294
+ <folding />
1295
+ </state>
1296
+ </provider>
1297
+ </entry>
1298
+ <entry file="file://$PROJECT_DIR$/src/components/file/file.module.css">
1299
+ <provider selected="true" editor-type-id="text-editor">
1300
+ <state relative-caret-position="272">
1301
+ <caret line="16" column="21" lean-forward="false" selection-start-line="16" selection-start-column="21" selection-end-line="16" selection-end-column="21" />
1308
1302
  <folding />
1309
1303
  </state>
1310
1304
  </provider>
package/dist/index.es.js CHANGED
@@ -411,7 +411,7 @@ const Icon = props => {
411
411
  });
412
412
  };
413
413
 
414
- var css_248z$8 = ".input-module_input-wrap__NunrE{max-width:400px;position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}.input-module_input-title__giCsY{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
414
+ var css_248z$8 = ".input-module_input-wrap__NunrE{max-width:400px;position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:text;font-size:16px;line-height:20px;outline:none;overflow:hidden;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}.input-module_input-title__giCsY{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
415
415
  var styles$8 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF","input-title":"input-module_input-title__giCsY"};
416
416
  styleInject(css_248z$8);
417
417
 
@@ -946,7 +946,7 @@ Select.defaultProps = {
946
946
  required: false
947
947
  };
948
948
 
949
- var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;height:190px;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
949
+ var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:190px;justify-content:space-between;overflow:hidden;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;max-height:190px;overflow:hidden;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{bottom:0;display:block;height:190px;left:0;margin:auto;max-height:190px;position:absolute;right:0;top:0;width:auto}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
950
950
  var styles$2 = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
951
951
  styleInject(css_248z$2);
952
952
 
@@ -1044,7 +1044,10 @@ const File = ({
1044
1044
  onClick: e => {
1045
1045
  setFileName('no selected file');
1046
1046
  setImage(null);
1047
- e.target.parentElement.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1047
+ document.querySelector(`.${name}`).value = "";
1048
+ onChange({
1049
+ target: null
1050
+ });
1048
1051
  }
1049
1052
  }, /*#__PURE__*/React.createElement("i", {
1050
1053
  className: "icon-delete"
package/dist/index.js CHANGED
@@ -422,7 +422,7 @@ const Icon = props => {
422
422
  });
423
423
  };
424
424
 
425
- var css_248z$8 = ".input-module_input-wrap__NunrE{max-width:400px;position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}.input-module_input-title__giCsY{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
425
+ var css_248z$8 = ".input-module_input-wrap__NunrE{max-width:400px;position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:text;font-size:16px;line-height:20px;outline:none;overflow:hidden;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}.input-module_input-title__giCsY{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:none}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
426
426
  var styles$8 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF","input-title":"input-module_input-title__giCsY"};
427
427
  styleInject(css_248z$8);
428
428
 
@@ -957,7 +957,7 @@ Select.defaultProps = {
957
957
  required: false
958
958
  };
959
959
 
960
- var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{display:block;height:190px;max-width:400px}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
960
+ var css_248z$2 = ".file-module_file-form__l13d5{align-items:center;background:#fbfbfb;border:2px dashed;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;height:190px;justify-content:space-between;overflow:hidden;padding:4px 0;position:relative;width:100%}.file-module_file-form-wrap__qY--B:before{background:rgba(60,57,62,.4);border-radius:6px;content:\"\";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .24s;width:100%;z-index:1}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover:before{opacity:1;pointer-events:unset}.file-module_file-form-wrap__qY--B.file-module_active__L1gPt:hover .file-module_delete-upload-icon__PWN66{opacity:1}.file-module_file-form-inner-upload__tq3Dn{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:16px;padding-top:48px}.file-module_file-form-inner-upload__tq3Dn>img{display:block;margin-bottom:14px}.file-module_upload-info__a8GFs{margin-bottom:40px;max-width:150px;text-align:center}.file-module_upload-info-txt__l11uN{color:#0da574}.file-module_file-form__l13d5.file-module_default__t7KU0{border-color:#d1d1d1}.file-module_file-form__l13d5.file-module_error__H-M4Z{border-color:#e00}.file-module_file-form__l13d5.file-module_accept__WTW6V{border-color:#00236a}.file-module_delete-upload-icon__PWN66{align-items:center;background:#fff;border-radius:6px;cursor:pointer;display:flex;height:26px;justify-content:center;opacity:0;position:absolute;right:10px;top:10px;transition:opacity .24s;width:26px;z-index:11}.file-module_delete-upload-icon__PWN66>i{color:#00236a;font-size:16px}.file-module_upload-file-content__QHMjn{align-items:center;display:flex;height:100%;justify-content:center;max-height:190px;overflow:hidden;position:relative;width:100%}.file-module_upload-file-content__QHMjn>img{bottom:0;display:block;height:190px;left:0;margin:auto;max-height:190px;position:absolute;right:0;top:0;width:auto}.file-module_file-form-title__zWTSB{margin-bottom:10px;max-width:390px;word-break:break-all}.file-module_file-form-wrap__qY--B{position:relative;transform:translateZ(0)}";
961
961
  var styles$2 = {"file-form-wrap":"file-module_file-form-wrap__qY--B","file-form":"file-module_file-form__l13d5","active":"file-module_active__L1gPt","delete-upload-icon":"file-module_delete-upload-icon__PWN66","file-form-inner-upload":"file-module_file-form-inner-upload__tq3Dn","upload-info":"file-module_upload-info__a8GFs","upload-info-txt":"file-module_upload-info-txt__l11uN","default":"file-module_default__t7KU0","error":"file-module_error__H-M4Z","accept":"file-module_accept__WTW6V","upload-file-content":"file-module_upload-file-content__QHMjn","file-form-title":"file-module_file-form-title__zWTSB"};
962
962
  styleInject(css_248z$2);
963
963
 
@@ -1055,7 +1055,10 @@ const File = ({
1055
1055
  onClick: e => {
1056
1056
  setFileName('no selected file');
1057
1057
  setImage(null);
1058
- e.target.parentElement.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1058
+ document.querySelector(`.${name}`).value = "";
1059
+ onChange({
1060
+ target: null
1061
+ });
1059
1062
  }
1060
1063
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1061
1064
  className: "icon-delete"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.41",
3
+ "version": "0.0.42",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -11,9 +11,10 @@
11
11
  border: 2px dashed;
12
12
  border-radius: 6px;
13
13
  width: 100%;
14
- height: 100%;
14
+ height: 190px;
15
15
  padding: 4px 0;
16
16
  cursor: pointer;
17
+ overflow: hidden;
17
18
  }
18
19
  .file-form-wrap:before {
19
20
  content: '';
@@ -89,14 +90,23 @@
89
90
  position: relative;
90
91
  width: 100%;
91
92
  height: 100%;
93
+ max-height: 190px;
92
94
  display: flex;
93
95
  align-items: center;
94
96
  justify-content: center;
97
+ overflow: hidden;
95
98
  }
96
99
  .upload-file-content > img {
100
+ position: absolute;
101
+ top: 0;
102
+ left: 0;
103
+ right: 0;
104
+ bottom: 0;
105
+ margin: auto;
97
106
  display: block;
98
- max-width: 400px;
107
+ width: auto;
99
108
  height: 190px;
109
+ max-height: 190px;
100
110
  }
101
111
  .file-form-title {
102
112
  margin-bottom: 10px;
@@ -86,7 +86,8 @@ export const File = ({
86
86
  onClick={(e) => {
87
87
  setFileName('no selected file');
88
88
  setImage(null);
89
- e.target.parentElement.parentElement.children[0].getElementsByTagName('input')[0].value = "";
89
+ document.querySelector(`.${name}`).value = "";
90
+ onChange({ target: null });
90
91
  }}>
91
92
  <i className="icon-delete"/>
92
93
  </div>
@@ -27,7 +27,7 @@
27
27
  box-sizing: border-box;
28
28
  transition: background-color 240ms, color 240ms;
29
29
  overflow: hidden;
30
- cursor: pointer;
30
+ cursor: text;
31
31
  }
32
32
 
33
33
  .input.full-size {