@xaypay/tui 0.0.40 → 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
@@ -307,6 +307,9 @@ Autocomplate.propTypes = {
307
307
  keyNames: PropTypes.object,
308
308
  errorMesage: PropTypes.string
309
309
  };
310
+ Autocomplate.defaultProps = {
311
+ required: false
312
+ };
310
313
 
311
314
  var css_248z$a = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;bottom:0;display:inline-block;height:14px;left:0;margin:auto 4px auto auto;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
312
315
  var styles$9 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
@@ -408,7 +411,7 @@ const Icon = props => {
408
411
  });
409
412
  };
410
413
 
411
- 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)}}";
412
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"};
413
416
  styleInject(css_248z$8);
414
417
 
@@ -495,7 +498,7 @@ Input.defaultProps = {
495
498
  color: null,
496
499
  size: InputSizes.MEDIUM,
497
500
  onChange: undefined,
498
- required: true,
501
+ required: false,
499
502
  errorMesage: "",
500
503
  type: "text",
501
504
  value: ""
@@ -939,10 +942,11 @@ Select.propTypes = {
939
942
  keyNames: PropTypes.object
940
943
  };
941
944
  Select.defaultProps = {
942
- size: 'medium'
945
+ size: 'medium',
946
+ required: false
943
947
  };
944
948
 
945
- 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)}";
946
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"};
947
951
  styleInject(css_248z$2);
948
952
 
@@ -1040,7 +1044,10 @@ const File = ({
1040
1044
  onClick: e => {
1041
1045
  setFileName('no selected file');
1042
1046
  setImage(null);
1043
- e.target.parentElement.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1047
+ document.querySelector(`.${name}`).value = "";
1048
+ onChange({
1049
+ target: null
1050
+ });
1044
1051
  }
1045
1052
  }, /*#__PURE__*/React.createElement("i", {
1046
1053
  className: "icon-delete"
@@ -1059,6 +1066,9 @@ File.propTypes = {
1059
1066
  errorMesage: PropTypes.string,
1060
1067
  defaultData: PropTypes.object
1061
1068
  };
1069
+ File.defaultProps = {
1070
+ required: false
1071
+ };
1062
1072
 
1063
1073
  var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px;padding-right:20px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
1064
1074
  var styles$1 = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};
package/dist/index.js CHANGED
@@ -318,6 +318,9 @@ Autocomplate.propTypes = {
318
318
  keyNames: PropTypes__default["default"].object,
319
319
  errorMesage: PropTypes__default["default"].string
320
320
  };
321
+ Autocomplate.defaultProps = {
322
+ required: false
323
+ };
321
324
 
322
325
  var css_248z$a = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;bottom:0;display:inline-block;height:14px;left:0;margin:auto 4px auto auto;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
323
326
  var styles$9 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
@@ -419,7 +422,7 @@ const Icon = props => {
419
422
  });
420
423
  };
421
424
 
422
- 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)}}";
423
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"};
424
427
  styleInject(css_248z$8);
425
428
 
@@ -506,7 +509,7 @@ Input.defaultProps = {
506
509
  color: null,
507
510
  size: InputSizes.MEDIUM,
508
511
  onChange: undefined,
509
- required: true,
512
+ required: false,
510
513
  errorMesage: "",
511
514
  type: "text",
512
515
  value: ""
@@ -950,10 +953,11 @@ Select.propTypes = {
950
953
  keyNames: PropTypes__default["default"].object
951
954
  };
952
955
  Select.defaultProps = {
953
- size: 'medium'
956
+ size: 'medium',
957
+ required: false
954
958
  };
955
959
 
956
- 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)}";
957
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"};
958
962
  styleInject(css_248z$2);
959
963
 
@@ -1051,7 +1055,10 @@ const File = ({
1051
1055
  onClick: e => {
1052
1056
  setFileName('no selected file');
1053
1057
  setImage(null);
1054
- e.target.parentElement.parentElement.children[0].getElementsByTagName('input')[0].value = "";
1058
+ document.querySelector(`.${name}`).value = "";
1059
+ onChange({
1060
+ target: null
1061
+ });
1055
1062
  }
1056
1063
  }, /*#__PURE__*/React__default["default"].createElement("i", {
1057
1064
  className: "icon-delete"
@@ -1070,6 +1077,9 @@ File.propTypes = {
1070
1077
  errorMesage: PropTypes__default["default"].string,
1071
1078
  defaultData: PropTypes__default["default"].object
1072
1079
  };
1080
+ File.defaultProps = {
1081
+ required: false
1082
+ };
1073
1083
 
1074
1084
  var css_248z$1 = ".modal-module_modal-wrap__IsXXf{background:rgba(0,0,0,.4);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9}.modal-module_modal-top__ntDBi{background:#fbfbfb;box-sizing:border-box;display:flex;flex-direction:row;height:44px;padding:4px 10px 4px 24px;width:100%}.modal-module_modal-title__r-WKl{align-items:center;color:#3c393e;display:flex;flex:1 1;font-size:20px;font-weight:500;line-height:24px;padding-right:20px}.modal-module_close-btn__Qf2UD{cursor:pointer;flex:0 0 auto;width:24px}.modal-module_close-btn__Qf2UD,.modal-module_modal-section__Bp8jN{align-items:center;display:flex;height:100%;justify-content:center}.modal-module_modal-section__Bp8jN{flex:1 1;padding:10px 0;width:100%}.modal-module_modal-content__1F-uE{align-items:center;animation:modal-module_show-popup__WrH7a .24s;background:#fff;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;margin:auto;min-height:130px;overflow:hidden;padding:10px;position:absolute;right:0;top:110px;width:fit-content}@keyframes modal-module_show-popup__WrH7a{0%{transform:translate3d(0,-30%,0)}to{opacity:1;transform:translateZ(0)}}";
1075
1085
  var styles$1 = {"modal-wrap":"modal-module_modal-wrap__IsXXf","modal-top":"modal-module_modal-top__ntDBi","modal-title":"modal-module_modal-title__r-WKl","close-btn":"modal-module_close-btn__Qf2UD","modal-section":"modal-module_modal-section__Bp8jN","modal-content":"modal-module_modal-content__1F-uE","show-popup":"modal-module_show-popup__WrH7a"};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.40",
3
+ "version": "0.0.42",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -128,3 +128,6 @@ Autocomplate.propTypes = {
128
128
  };
129
129
 
130
130
 
131
+ Autocomplate.defaultProps = {
132
+ required: false,
133
+ };
@@ -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>
@@ -109,3 +110,7 @@ File.propTypes = {
109
110
  };
110
111
 
111
112
 
113
+
114
+ File.defaultProps = {
115
+ required: false,
116
+ };
@@ -92,7 +92,7 @@ Input.defaultProps = {
92
92
  color: null,
93
93
  size: InputSizes.MEDIUM,
94
94
  onChange: undefined,
95
- required: true,
95
+ required: false,
96
96
  errorMesage: "",
97
97
  type: "text",
98
98
  value: ""
@@ -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 {
@@ -90,3 +90,6 @@ Multiselect.propTypes = {
90
90
  keyNames: PropTypes.object,
91
91
  };
92
92
 
93
+ Multiselect.defaultProps = {
94
+ required: false,
95
+ };
@@ -161,5 +161,6 @@ Select.propTypes = {
161
161
  };
162
162
 
163
163
  Select.defaultProps = {
164
- size: 'medium'
164
+ size: 'medium',
165
+ required: false
165
166
  };